1 | import React from 'react';
|
2 | import Token from './Token';
|
3 | import { noop } from '../../utils';
|
4 | export default {
|
5 | title: 'Components/Token',
|
6 | component: Token,
|
7 | };
|
8 | const Template = (args) => React.createElement(Token, { ...args });
|
9 | export const Interactive = Template.bind({});
|
10 | Interactive.args = {
|
11 | children: 'This is an interactive token',
|
12 | onRemove: noop,
|
13 | };
|
14 | export const Static = Template.bind({});
|
15 | Static.args = {
|
16 | children: 'This is a static token',
|
17 | readOnly: true,
|
18 | };
|
19 | export const Anchor = Template.bind({});
|
20 | Anchor.args = {
|
21 | children: 'This is a link token',
|
22 | href: '#',
|
23 | readOnly: true,
|
24 | };
|
25 | export const Disabled = Template.bind({});
|
26 | Disabled.args = {
|
27 | children: 'This is a disabled token',
|
28 | disabled: true,
|
29 | };
|