import { EditOutlined } from '@ant-design/icons';
import { PisellCustomerBrief } from "./PisellCustomerBrief";
var meta = {
  title: 'Data Display/PisellCustomerBrief',
  component: PisellCustomerBrief,
  tags: ['autodocs'],
  decorators: [function (Story) {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        width: 340
      }
    }, /*#__PURE__*/React.createElement(Story, null));
  }],
  argTypes: {
    density: {
      description: '信息密度',
      control: 'select',
      options: ['B1', 'B2', 'B5', 'B9']
    },
    layout: {
      description: '布局方向',
      control: 'radio',
      options: ['horizontal', 'vertical']
    },
    showAvatar: {
      description: '显示头像',
      control: 'boolean'
    },
    showExtended: {
      description: '显示扩展信息',
      control: 'boolean'
    },
    showTags: {
      description: '显示标签',
      control: 'boolean'
    },
    showActions: {
      description: '显示操作区',
      control: 'boolean'
    }
  },
  args: {
    name: '某某科技有限公司'
  }
};
export default meta;
/** 默认：客户名称 + 副标题 + 扩展信息 + 标签 */
export var Default = {
  args: {
    name: '某某科技有限公司',
    subtitle: '+86 138 0000 0000',
    email: 'contact@company.com',
    company: '某某科技有限公司',
    tags: [{
      text: 'VIP'
    }, {
      text: '已签约'
    }],
    density: 'B2',
    layout: 'horizontal'
  }
};

/** 无头像（默认占位） */
export var NoAvatar = {
  args: {
    name: '新客户',
    subtitle: '待完善信息'
  }
};

/** 有头像 */
export var WithAvatar = {
  args: {
    name: '某某科技有限公司',
    subtitle: '客户编号 C001',
    avatar: 'https://ui-avatars.com/api/?name=Company&background=4a90d9&color=fff&size=40',
    email: 'contact@company.com',
    company: '某某科技有限公司',
    tags: [{
      text: 'VIP'
    }]
  }
};

/** B5 密度：扩展信息多行 */
export var B5Extended = {
  args: {
    name: '某某科技有限公司',
    subtitle: '+86 138 0000 0000',
    email: 'contact@company.com',
    address: '浙江省杭州市余杭区',
    company: '某某科技有限公司',
    date: '2024-01-15 创建',
    extendedFields: [{
      text: '自定义属性 A'
    }, {
      text: '自定义属性 B',
      showTooltip: true
    }],
    tags: [{
      text: 'VIP'
    }, {
      text: '已签约'
    }],
    density: 'B5',
    layout: 'horizontal'
  }
};

/** 带操作区：图标 + 文本 + 按钮 */
export var WithActions = {
  args: {
    name: '某某科技有限公司',
    subtitle: 'contact@company.com',
    email: 'contact@company.com',
    company: '某某科技有限公司',
    tags: [{
      text: 'VIP'
    }],
    showActions: true,
    actions: [{
      type: 'icon',
      icon: /*#__PURE__*/React.createElement(EditOutlined, null),
      onClick: function onClick() {
        return console.log('编辑');
      }
    }, {
      type: 'text',
      label: '查看详情',
      onClick: function onClick() {
        return console.log('查看详情');
      }
    }, {
      type: 'button',
      label: '选择',
      onClick: function onClick() {
        return console.log('选择');
      }
    }]
  }
};

/** 竖向布局 */
export var VerticalLayout = {
  args: {
    name: '某某科技有限公司',
    subtitle: '客户编号 C001',
    avatar: 'https://ui-avatars.com/api/?name=Company&background=4a90d9&color=fff&size=64',
    email: 'contact@company.com',
    company: '某某科技有限公司',
    tags: [{
      text: 'VIP'
    }],
    density: 'B2',
    layout: 'vertical'
  }
};

/** 左滑删除 */
export var SwipeToDelete = {
  args: {
    name: '某某科技有限公司',
    subtitle: '+86 138 0000 0000',
    email: 'contact@company.com',
    swipeToDelete: true,
    onDelete: function onDelete() {
      return console.log('onDelete');
    }
  }
};

/** 可点击卡片 */
export var Clickable = {
  args: {
    name: '某某科技有限公司',
    subtitle: '点击整卡',
    email: 'contact@company.com',
    onClick: function onClick() {
      return console.log('卡片被点击');
    }
  }
};

/** 禁用态 */
export var Disabled = {
  args: {
    name: '某某科技有限公司',
    subtitle: '+86 138 0000 0000',
    email: 'contact@company.com',
    disabled: true
  }
};