import React, { useState } from 'react';
import { withKnobs }       from '@storybook/addon-knobs';
import { Wrapper }         from '../../..';
import { TimePicker }      from './time-picker.component';

export default {
    title:      'GEENEE-UI/TimePicker',
    component:  TimePicker,
    decorators: [ withKnobs ]
};

export const _TimePicker = () => {
    const [ startDate, setStartDate ] = useState({ hours: 12, minutes: 55 });

    return (
        <Wrapper maxWidth="300px">
            <TimePicker
                value={ startDate }
                onChange={ setStartDate }
            />
        </Wrapper>
    );
};
