export const backgroundSchema = {
  label: "Background",
  name: "background",
  type: "object",
  fields: [
    {
      type: "string",
      label: "Background",
      name: "fillStyles",
      ui: {
        component: "fillControl"
      }
    },
    {
      label: "Image",
      name: "src",
      type: "image",
      ui: {
        clearable: true,
      }
    },
    {
      label: "Image Position",
      name: "position",
      ui: {
        component: "select",
      },
      type: "string",
      options: [
        { label: "Center", value: "object-center" },
        { label: "Top", value: "object-top" },
        { label: "Right Top", value: "object-right-top" },
        { label: "Right", value: "object-right" },
        { label: "Right Bottom", value: "object-right-bottom" },
        { label: "Bottom", value: "object-bottom" },
        { label: "Left Bottom", value: "object-left-bottom" },
        { label: "Left", value: "object-left" },
        { label: "Left Top", value: "object-left-top" },
      ],
    },
    {
      label: 'Ornaments',
      name: 'ornaments',
      type: "object",
      list: true,
      fields: [
        {
          label: "Image",
          name: "src",
          type: "image",
          ui: {
            clearable: true,
          }
        },
        {
          label: "Alignment",
          name: "alignment",
          ui: {
            component: "select",
          },
          type: "string",
          options: [
            { label: "Center", value: "center" },
            { label: "Top", value: "top" },
            { label: "Right Top", value: "top-right" },
            { label: "Right", value: "right" },
            { label: "Right Bottom", value: "bottom-right" },
            { label: "Bottom", value: "bottom" },
            { label: "Left Bottom", value: "bottom-left" },
            { label: "Left", value: "left" },
            { label: "Left Top", value: "top-left" },
          ],
        },
        {
          label: "Width",
          name: "width",
          type: "string",
        },
        {
          label: "Height",
          name: "height",
          type: "string",
        },
        {
          label: "X Offset",
          name: "xOffset",
          type: "string",
        },
        {
          label: "Y Offset",
          name: "yOffset",
          type: "string",
        },
      ],
    },
  ],
}