import { DeleteOutlined, EditOutlined, SaveOutlined } from '@ant-design/icons';
import { PisellActionPanel } from "./PisellActionPanel";
var meta = {
  title: 'General/PisellActionPanel',
  component: PisellActionPanel,
  tags: ['autodocs'],
  argTypes: {
    layout: {
      description: '布局方式',
      control: 'select',
      options: ['horizontal', 'vertical', 'grid']
    },
    align: {
      description: '对齐方式',
      control: 'select',
      options: ['left', 'center', 'right', 'space-between']
    },
    overflowStrategy: {
      description: '溢出策略',
      control: 'select',
      options: ['wrap', 'scroll', 'moreMenu']
    }
  },
  args: {
    groups: [{
      items: [{
        label: '取消',
        onClick: function onClick() {
          return console.log('取消');
        }
      }, {
        label: '确定',
        priority: 'primary',
        onClick: function onClick() {
          return console.log('确定');
        }
      }]
    }]
  }
};
export default meta;
/** 默认：单组两按钮 */
export var Default = {
  args: {
    groups: [{
      items: [{
        label: '取消',
        onClick: function onClick() {
          return console.log('取消');
        }
      }, {
        label: '确定',
        priority: 'primary',
        onClick: function onClick() {
          return console.log('确定');
        }
      }]
    }]
  }
};

/** 右对齐（表单底部常见） */
export var AlignRight = {
  args: {
    groups: [{
      items: [{
        label: '取消',
        onClick: function onClick() {
          return console.log('取消');
        }
      }, {
        label: '提交',
        priority: 'primary',
        onClick: function onClick() {
          return console.log('提交');
        }
      }]
    }],
    align: 'right',
    groupGap: 16,
    itemGap: 8
  }
};

/** 多组：主操作 + 危险操作 */
export var MultipleGroups = {
  args: {
    groups: [{
      items: [{
        label: '编辑',
        icon: /*#__PURE__*/React.createElement(EditOutlined, null),
        onClick: function onClick() {
          return console.log('编辑');
        }
      }, {
        label: '删除',
        icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
        priority: 'danger',
        onClick: function onClick() {
          return console.log('删除');
        }
      }]
    }, {
      items: [{
        label: '取消',
        onClick: function onClick() {
          return console.log('取消');
        }
      }, {
        label: '保存',
        icon: /*#__PURE__*/React.createElement(SaveOutlined, null),
        priority: 'primary',
        onClick: function onClick() {
          return console.log('保存');
        }
      }]
    }],
    align: 'right',
    groupGap: 24,
    itemGap: 8
  }
};

/** 竖向布局 */
export var VerticalLayout = {
  args: {
    layout: 'vertical',
    groups: [{
      items: [{
        label: '主操作',
        priority: 'primary',
        onClick: function onClick() {
          return console.log('主操作');
        }
      }, {
        label: '次操作',
        onClick: function onClick() {
          return console.log('次操作');
        }
      }]
    }]
  }
};

/** 条件显隐（某条 visible: false） */
export var ConditionalVisible = {
  args: {
    groups: [{
      items: [{
        label: '始终显示',
        onClick: function onClick() {}
      }, {
        label: '隐藏项',
        visible: false,
        onClick: function onClick() {}
      }, {
        label: '确定',
        priority: 'primary',
        onClick: function onClick() {}
      }]
    }]
  }
};

/** 居中 */
export var AlignCenter = {
  args: {
    align: 'center',
    groups: [{
      items: [{
        label: '取消',
        onClick: function onClick() {}
      }, {
        label: '确定',
        priority: 'primary',
        onClick: function onClick() {}
      }]
    }]
  }
};

/** space-between 两端对齐 */
export var SpaceBetween = {
  args: {
    align: 'space-between',
    groups: [{
      items: [{
        label: '返回',
        onClick: function onClick() {
          return console.log('返回');
        }
      }]
    }, {
      items: [{
        label: '保存草稿',
        onClick: function onClick() {
          return console.log('草稿');
        }
      }, {
        label: '发布',
        priority: 'primary',
        onClick: function onClick() {
          return console.log('发布');
        }
      }]
    }]
  }
};