import { buttonField, localizedString, textField, textVariantField } from "@wp2/helpers";
import { createTemplate } from "../create";
export const heroTemplate = createTemplate({
    name: "hero",
    label: "Hero",
    description: "Hero section with rich text field, two buttons and large image and a background image.",
    fields: [
        textField("welcome"),
        textField("title"),
        textField("subtitle"),
        buttonField("button1", true),
        buttonField("button2", true),
        {
            name: "image",
            label: "Image Source",
            type: "image",
        },
        {
            name: "bgImage",
            label: "Background image",
            type: "image",
        },
        textVariantField("stepVariant"),
        {
            ...localizedString,
            name: "step1",
            label: "Step 1",
        },
        {
            ...localizedString,
            name: "step2",
            label: "Step 2",
        },
        {
            ...localizedString,
            name: "step3",
            label: "Step 3",
        },
        {
            name: "icon1",
            label: "Icon 1",
            type: "image",
        },
        {
            name: "icon2",
            label: "Icon 2",
            type: "image",
        },
        {
            name: "icon3",
            label: "Icon 3",
            type: "image",
        },
    ],
});