//https://sku3d-test.obs.cn-east-3.myhuaweicloud.com/queenshow/1685591011649_FHii9K_thumbnail.png

import { createAttrsForm } from "../../../defines/createAttrsForm";
import { createCompHooks } from "../../../defines/createCompHooks";
import { createCompId } from "../../../defines/createCompId";

export { Component } from "./component";

export const options = {
  name: "标题3",
  thumbnail:
    "https://sku3d-test.obs.cn-east-3.myhuaweicloud.com/queenshow/1685591011649_FHii9K_thumbnail.png",
};

export const { createComp, useCompData } = createCompHooks({
  value: {},
  layout: {
    size: [750, 130],
  },
  children: {
    title: () =>
      createCompId("Text", {
        value: `<p style="text-align:center;"><span style="color:#333;font-size:20px;font-weight: bold;">产品详情</span></p>`,
        layout: {
          size: [750, 70],
        },
      }),
    subtitle: () =>
      createCompId("Text", {
        value: `<p style="text-align:center;">/ Product Details /</p>`,
        layout: {
          size: [750, 60],
        },
      }),
  },
});

export const Form = createAttrsForm([]);
