import { Meta, Story } from '@storybook/react';
import React from 'react';
import { RPGUIRoot } from '../../..';
import PropertySelect, {
  IPropertySelectProps,
} from '../../../components/PropertySelect/PropertySelect';

const meta: Meta = {
  title: 'UI/Dropdowns & Selectors/Property Select',
  component: PropertySelect,
};

export default meta;

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

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

const propertiesMock = [
  {
    id: '2b716274-b19c-451d-9561-16bca8c6a12d',
    name: 'Vegetables',
  },
  {
    id: '536789bd-38fb-48f9-8903-dad86f276d47',
    name: 'Counseling',
  },
  {
    id: '80f07029-b907-4fae-872e-4f2b569f81c9',
    name: 'Through',
  },
];

Default.args = {
  availableProperties: propertiesMock,
};
