import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import SelectArrow, {
  ArrowBarProps,
} from '../../../components/Arrow/SelectArrow';

const meta: Meta = {
  title: 'UI/Dropdowns & Selectors/Arrow',
  component: SelectArrow,
};

export default meta;

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

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

Default.args = {
  direction: 'left',
  onPointerDown: () => {
    console.log('clicked');
  },
};
