import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { StringValue } from 'react-values';
import { withKnobs, boolean, text, select, number } from '@storybook/addon-knobs/react';
import withReadme from 'storybook-readme/with-readme';
import Readme from './README.md';
import { SearchInput, Button } from 'asc-web-components';
import Section from '../../../.storybook/decorators/section';
const sizeOptions = ['base', 'middle', 'big', 'huge'];
function getData() {
return [
{ key: 'filter-status', group: 'filter-status', label: 'Status', isHeader: true },
{ key: '0', group: 'filter-status', label: 'Active' },
{ key: '1', group: 'filter-status', label: 'Disabled' },
{ key: 'filter-type', group: 'filter-type', label: 'Type', isHeader: true },
{ key: '0', group: 'filter-type', label: 'Folders' },
{ key: '1', group: 'filter-type', label: 'Employee' },
];
}
class SearchStory extends React.Component {
constructor(props) {
super(props);
this.state = {
selectedFilterData: [
{key: "0", group: "filter-status"}
]
};
this.buttonClick = this.buttonClick.bind(this);
}
buttonClick(){
this.setState({ selectedFilterData:[
{key: "1", group: "filter-status"},
{key: "1", group: "filter-type"}
]
});
}
render(){
return(
{
action('onChange')(e);
}
}
>
{({ value, set }) => (
{console.log(result)}}
onChangeFilter={(result) => {console.log(result)}}
value={value}
onChange={e => {
set(e.target.value);
}}
/>
)}
)
}
}
storiesOf('Components|Input', module)
.addDecorator(withKnobs)
.addDecorator(withReadme(Readme))
.add('search', () => (
));