import { useState } from 'react';

import { Meta } from '@storybook/react';

import { TimeInput } from '@/components/inputs';
import { classNames } from '@/utils/classNames';

const meta: Meta<typeof TimeInput> = {
  component: TimeInput,
};

export default meta;

export function TimeInputStory() {
  const [currentTime, setCurrentTime] = useState('');

  return (
    <TimeInput
      onChange={value => setCurrentTime(value.toString())}
      theme={'light'}
      error={false}
      className={classNames('h-9')}
      value={currentTime}
    />
  );
}