import { PisellBaseCard } from "./PisellBaseCard";
var meta = {
  title: 'Data Display/PisellBaseCard',
  component: PisellBaseCard,
  tags: ['autodocs'],
  argTypes: {
    clickable: {
      description: '是否可点击',
      control: 'boolean'
    },
    disabled: {
      description: '是否禁用',
      control: 'boolean'
    },
    children: {
      description: '卡片内容',
      control: 'text'
    }
  }
};
export default meta;
/** 默认：可点击、无内容 */
export var Default = {
  args: {}
};

/** 带内容 */
export var WithChildren = {
  args: {
    children: /*#__PURE__*/React.createElement("div", {
      style: {
        padding: 8
      }
    }, /*#__PURE__*/React.createElement("div", null, "\u6807\u9898"), /*#__PURE__*/React.createElement("div", {
      style: {
        color: '#666',
        fontSize: 14
      }
    }, "\u63CF\u8FF0\u6587\u5B57"))
  }
};

/** 可点击并带点击回调 */
export var Clickable = {
  args: {
    children: '点击我',
    onClick: function onClick() {
      return alert('卡片被点击');
    }
  }
};

/** 禁用态 */
export var Disabled = {
  args: {
    children: '禁用卡片',
    disabled: true
  }
};

/** 不可点击（仅容器） */
export var NotClickable = {
  args: {
    children: '不可点击，无 role',
    clickable: false
  }
};

/** 自定义默认样式 */
export var CustomStyle = {
  args: {
    children: '自定义背景与圆角',
    style: {
      backgroundColor: '#f0f5ff',
      borderRadius: 16,
      padding: 24
    }
  }
};

/** 悬停/按下/禁用样式 */
export var StateStyles = {
  args: {
    children: '悬停与按下有样式变化',
    style: {
      padding: 16
    },
    hoverStyle: {
      backgroundColor: '#e6f4ff',
      borderColor: '#91caff'
    },
    activeStyle: {
      backgroundColor: '#bae0ff'
    },
    disabledStyle: {
      opacity: 0.6
    }
  }
};