import * as React from 'react';
import {withInfo} from '@storybook/addon-info';
import {boolean, select, withKnobs} from '@storybook/addon-knobs';
import {storyLayout} from '../../index.stories';
import {LabelValueList} from './LabelValueList';

// eslint-disable-next-line no-restricted-syntax
export default {
    title: 'LabelValue',
    decorators: [withInfo, storyLayout, withKnobs]
};

export const labelValueList = () => {
    return (
        <LabelValueList
            data={[
                {label: 'label32432fgdвапвап1', value: 'valdsf dsffdgвапавd', valueCanCollapsed: true, labelCanCollapsed: false},
                {label: 'ladsfsdfbапdfsfdsl4', value: 'valf4', valueCanCollapsed: false, labelCanCollapsed: false},
                {label: 'ladsвапавп', value: 'Fvalfds fkdj kl', valueCanCollapsed: false, labelCanCollapsed: false}
            ]}
            hasColon={boolean('hasColon', true)}
            canWrap={boolean('canWrap', true)}
            type={select('type', ['value', 'info'], 'info')}
            align={select('align', ['left', 'right', 'center', 'sides'], 'sides')}
            isValueItalic={boolean('isValueItalic', false)}
        />
    );
};
