#ActionItemBox 操作项盒子

import { ActionItemBox } from '@ant-design/agentic-ui';

export default () => (
  <div
    style={{ display: 'flex', flexDirection: 'column', gap: 16, width: 300 }}
  >
    <ActionItemBox
      title="快捷操作"
      description="点击执行快捷操作"
      icon="🚀"
      onClick={() => console.log('click')}
    />
    <ActionItemBox
      title="禁用状态"
      description="此项不可点击"
      icon="🚫"
      disabled
      onClick={() => console.log('click')}
    />
    <ActionItemBox
      title="紧凑模式"
      icon="📦"
      compact
      onClick={() => console.log('click')}
    />
  </div>
);