import React from 'react'
import { storiesOf } from '@storybook/react'
import { withKnobs, text} from '@storybook/addon-knobs/react';
import { BooleanValue } from 'react-values'
import styled from '@emotion/styled';
import { GroupButtonsMenu, Checkbox, DropDownItem } from 'asc-web-components'
const GroupButtonsMenuContainer = styled.div`
height: 2000px;
`;
const peopleItems = [
{
label: 'Select',
isDropdown: true,
isSeparator: true,
fontWeight: 'bold',
children: [
,
,
]
},
{
label: 'Make employee',
action: () => console.log('Make employee action')
},
{
label: 'Make guest',
action: () => console.log('Make guest action')
},
{
label: 'Set active',
action: () => console.log('Set active action')
},
{
label: 'Set disabled',
action: () => console.log('Set disabled action')
},
{
label: 'Invite again',
action: () => console.log('Invite again action')
},
{
label: 'Send e-mail',
action: () => console.log('Send e-mail action')
},
{
label: 'Delete',
action: () => console.log('Delete action')
}
];
storiesOf('EXAMPLES|GroupButtonsMenu', module)
.addDecorator(withKnobs)
.add('people', () => (
{({ value, toggle }) => (
{
console.log(e.target.value);
toggle(e.target.checked);
}}
isDisabled={false}
value='Checkbox'
id='check1' />)}
}
menuItems={peopleItems}
visible={true}
moreLabel={text('moreLabel', 'More')}
closeTitle={text('closeTitle', 'Close')}
/>
));