import snippets from './snippets';
import { color, pxProp, width } from '../_utils/css';

export default {
  snippets,
  componentName: 'AMProgressCircle',
  docUrl: 'https://mobile.ant.design/zh/components/progress-circle',
  title: '进度圈',
  category: '反馈',
  group: '基础组件',
  props: [
    {
      name: 'children',
      title: {
        label: '内容',
        tip: 'children | 内容',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['SlotSetter', 'StringSetter', 'VariableSetter'],
    },
    {
      name: 'percent',
      title: {
        label: '百分比',
        tip: 'percent | 百分比',
      },
      propType: 'number',
      setter: ['NumberSetter', 'VariableSetter'],
    },
    {
      title: 'CSS变量',
      display: 'block',
      type: 'group',
      items: [
        color('fill', '填充的颜色'),
        color('track', '线条的颜色'),
        width('track', '线条宽度'),
        pxProp('size', '高度', '画布的宽高，仅支持 px 单位'),
      ],
    },
  ],
  configure: {
    component: {
      isContainer: true,
    },
    supports: {
      style: true,
    },
  },
};