import { Typography } from 'antd';
import React from 'react';
import DraggableTagList from '@/components/Draggable/DraggableTagList';
import type { SkuConfig } from '@/services/prod/prod-manager';

const { Title, Text } = Typography;
const Sku: React.FC<{
  value?: SkuConfig;
  onChange?: (value: SkuConfig) => void;
}> = (_props) => {
  // const { value, onChange } = props;
  return (
    <>
      <Title level={4}>规格设置</Title>
      <Text type="secondary">
        你想区分商品的哪些属性？第一次使用？<a>点此查看详情</a>
        学习。商品创建成功后，规格属性不可增减，如需变更规格逻辑定义，请创建新的商品。
      </Text>
      <DraggableTagList />
    </>
  );
};

export default React.memo(Sku);
