import { RegCompType } from "../../../CompController";
import { Image, Text } from "../../../basicUI";
import { createAttrsForm } from "../../../defines/createAttrsForm";

export { Component } from "./component";

export const { createCompData, useCompData } = RegCompType({
  thumbnail: require("@/assets/comps/Card13/thumbnail.jpg"),
   name: "卡片",
   type: "Card13"
},()=>({
  value: {
    text: Text.createCompData( `<p ><span >两面开边珠，无漆皮光亮&nbsp;</span></p><p ><span >却比漆皮更耐用，不容易爆皮&nbsp;</span></p><p ><span >逛着干看起来更加高档&nbsp;</span></p><p ><span >丰富多彩的流行色水，增加无限魅力</span></p><p ><span >既有复古的韵味更有时下的潮流元素</span></p>`,{
      layout: {
        textAlign: "center",
      },
    }),
    img1: Image.createCompData({
        url: require("@/assets/comps/Card13/img_1.jpg"),
      },
    ),
    imgShoe: Image.createCompData({
        url: require("@/assets/comps/Card13/img_shoe.jpg"),
      },
    )
  },
  layout: {
    padding: "0.5rem 0",
  },
}));

export const Form = createAttrsForm([]);