import { FcrDropMenu } from './index';
import { FcrIconType } from '../icon/type';
import { FcrIcon } from '../icon';
import { jsx as _jsx } from "react/jsx-runtime";
var meta = {
  title: 'Components/DropMenu',
  tags: ['autodocs'],
  argTypes: {
    title: {
      control: 'text',
      defaultValue: 'title'
    },
    options: {
      control: 'object',
      defaultValue: [{
        title: 'Option 1',
        key: '1',
        icon: /*#__PURE__*/_jsx(FcrIcon, {
          type: FcrIconType.FCR_LOWER_HAND
        }),
        onButtonClick: function onButtonClick() {
          console.log('Option 1');
        }
      }, {
        title: 'Option 2',
        key: '2',
        onButtonClick: function onButtonClick() {
          console.log('Option 2');
        }
      }]
    },
    children: {
      control: 'text',
      defaultValue: 'children'
    },
    styles: {
      control: 'object',
      defaultValue: {
        titleStyle: {
          color: 'red'
        },
        menuStyle: {
          color: 'blue'
        }
      }
    }
  }
};
export var Basic = {
  args: {
    title: 'title',
    options: [{
      title: 'Option 1',
      key: '1',
      icon: /*#__PURE__*/_jsx(FcrIcon, {
        type: FcrIconType.FCR_LOWER_HAND,
        size: 20,
        colors: {
          iconPrimary: 'var(--fcr_ui_scene_icontext5)',
          iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
        }
      }),
      onButtonClick: function onButtonClick() {
        console.log('Option 1');
      }
    }, {
      title: 'Option 2',
      key: '2',
      onButtonClick: function onButtonClick() {
        console.log('Option 2');
      }
    }, {
      title: 'Option 3',
      key: '3',
      type: 'danger',
      onButtonClick: function onButtonClick() {
        console.log('Option 2');
      }
    }],
    children: 'children'
  },
  render: function render(props) {
    var title = props.title,
      options = props.options,
      children = props.children,
      styles = props.styles;
    return /*#__PURE__*/_jsx("div", {
      style: {
        display: 'flex',
        padding: 20
      },
      children: /*#__PURE__*/_jsx(FcrDropMenu, {
        title: title,
        options: options,
        styles: styles,
        children: children
      })
    });
  }
};
export default meta;