import React from 'react';
import { Meta, Story } from '@storybook/react';
import { IAgeGateProps, OrganismAgeGate } from 'native/organisms/AgeGate';

const meta: Meta = {
  title: 'React Native/organisms/AgeGate',
  component: OrganismAgeGate,
  argTypes: {
    initialDate: {
      control: 'text'
    }
  },
  parameters: {
    controls: { expanded: true },
    actions: {
      handles: ['click'],
    },
  },
};

export default meta;

const TemplateAgeGate: Story<IAgeGateProps> = (props) => <OrganismAgeGate {...props} />


export const AgeGate = TemplateAgeGate.bind({});

AgeGate.args = {
  title: "You must be of legal drinking age to enter this site",
  inputDateProps: {
    minYear: '1922',
    maxYear: '2022'
  }
};