import { PeriodOfDay } from '@rpg-engine/shared';
import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
import {
  DayNightPeriod,
  IPeriodOfDayDisplayProps,
} from '../../../components/TimeWidget/DayNightPeriod/DayNightPeriod';

const meta: Meta = {
  title: 'Features/Weather/Day and Night Period',
  component: DayNightPeriod,
};

export default meta;

const Template: Story<IPeriodOfDayDisplayProps> = args => (
  <RPGUIRoot>
    <DayNightPeriod {...args} />
  </RPGUIRoot>
);

export const Default = Template.bind({});

Default.args = {
  periodOfDay: PeriodOfDay.Morning,
};
