/**
 * 组件在画布中的控制方式，比如是否可拖动，哪些方向可以拖动
 */

const componentsControlInfo = [
  {
    name: 'GoldCoinPurchase',
    control: { resizeHandles: [] },
  },
  {
    name: 'ProductFlashSale',
    control: { resizeHandles: [] },
  },
  {
    name: 'ComboFlashSale',
    control: { resizeHandles: [] },
  },
  {
    name: 'BlankComponents',
    control: { resizeHandles: ['s'] },
  },
  {
    name: 'CategoryNavigation',
    control: {
      static: true,
    },
  },
  {
    name: 'ProductSearch',
    control: { resizeHandles: [] },
  },
  {
    name: 'TitleText',
    control: { resizeHandles: ['s'] },
  },
  {
    name: 'ProductRecommendation',
    control: { resizeHandles: [] },
  },
  {
    name: 'PhotoCube',
    control: { resizeHandles: [] },
  },
  {
    name: 'GraphicNavigation',
    control: { resizeHandles: [] },
  },
  {
    name: 'StoreInfo',
    control: { resizeHandles: [] },
  },
  {
    name: 'PhotoAds',
    control: { resizeHandles: [] },
  },
  {
    name: 'Crowdfunding',
    control: { resizeHandles: [] },
  },
  {
    name: 'GroupBuying',
    control: { resizeHandles: [] },
  },
  {
    name: 'PreSale',
    control: { resizeHandles: [] },
  },
];

export const getComponentControlInfo = (type: string) => {
  return componentsControlInfo?.find((component) => type === component.name)?.control || {};
};