import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';

# Label
<Meta
  title='Label'
  component='fw-label'
  />

## Props

<Props of="fw-label"/>

## Usage

### Normal
<Preview>
<Story name='Normal'>
{() => '<fw-label value="Meta"></fw-label>'}
</Story>
</Preview>

### Blue
<Preview>
<Story name='Blue'>
{() => '<fw-label value="Customer Responded" color="blue"></fw-label>'}
</Story>
</Preview>

### Red
<Preview>
<Story name='Red'>
{() => '<fw-label value="Overdue" color="red"></fw-label>'}
</Story>
</Preview>

### Green
<Preview>
<Story name='Green'>
{() => '<fw-label value="New" color="green"></fw-label>'}
</Story>
</Preview>


### Yellow
<Preview>
<Story name='Yellow'>
{() => '<fw-label value="Pending" color="yellow"></fw-label>'}
</Story>
</Preview>

### Grey
<Preview>
<Story name='Grey'>
{() => '<fw-label value="Archived" color="grey"></fw-label>'}
</Story>
</Preview>
