{% # theme-check-disable MissingTemplate %}
{% liquid
  assign sect = section.settings

  case sect.desktop_content_position
    when 'top-left'
      assign content_position = 'justify-start items-start '
    when 'top-center'
      assign content_position = 'justify-start items-center '
    when 'top-right'
      assign content_position = 'justify-start items-end '
    when 'middle-left'
      assign content_position = 'justify-center items-start '
    when 'middle-center'
      assign content_position = 'justify-center items-center '
    when 'middle-right'
      assign content_position = 'justify-center items-end '
    when 'bottom-left'
      assign content_position = 'justify-end items-start '
    when 'bottom-center'
      assign content_position = 'justify-end items-center '
    when 'bottom-right'
      assign content_position = 'justify-end items-end '
  endcase

  case sect.mobile_container_position
    when 'top'
      assign mobile_container_position = 'flex-col-reverse'
    when 'bottom'
      assign mobile_container_position = 'flex-col'
  endcase
%}

{%- style -%}
  .section-{{ section.id }}-image-height {
    height: {{ sect.mobile_image_height }}px;
  }

  .section-{{ section.id }}-content-width {
    width: {{ sect.mobile_content_width }}%;
  }

  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-image-height {
      height: {{ sect.tablet_image_height }}px;
    }

    .section-{{ section.id }}-content-width {
      width: {{ sect.tablet_content_width }}%;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-image-height {
      height: {{ sect.desktop_image_height }}px;
    }

    .section-{{ section.id }}-content-width {
      width: {{ sect.desktop_content_width }}%;
    }
  }
{%- endstyle -%}

{% style %}
  .section-{{ section.id }}-content-margin {
    margin-right: {{ sect.mobile_content_right_margin }}px;
    margin-left: {{ sect.mobile_content_left_margin }}px;
    margin-top: {{ sect.mobile_content_top_margin }}px;
    margin-bottom: {{ sect.mobile_content_bottom_margin }}px;
  }

  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-content-margin {
      margin-right: {{ sect.tablet_content_right_margin }}px;
      margin-left: {{ sect.tablet_content_left_margin }}px;
      margin-top: {{ sect.tablet_content_top_margin }}px;
      margin-bottom: {{ sect.tablet_content_bottom_margin }}px;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-content-margin {
      margin-right: {{ sect.desktop_content_right_margin }}px;
      margin-left: {{ sect.desktop_content_left_margin }}px;
      margin-top: {{ sect.desktop_content_top_margin }}px;
      margin-bottom: {{ sect.desktop_content_bottom_margin }}px;
    }
  }
{% endstyle %}

{% capture content_margin_settings %}
  section-{{ section.id }}-content-margin
{% endcapture %}

<div class='md:relative flex {{ mobile_container_position }} overflow-hidden section-{{ section.id }}-image-height'>
  <div class='w-full h-full'>
    {% if sect.large_image != blank and sect.mobile_image != blank %}
      {%
        render 'hw_generic-image',
        image: sect.large_image,
        styles: 'hidden md:block w-full h-full object-fill'
      %}
      {% render 'hw_generic-image',
        image: sect.mobile_image,
        styles: 'block md:hidden w-full h-full object-cover'
      %}
    {% else %}
      {{ 'product-1' | placeholder_svg_tag: height: 512 }}
    {% endif %}
  </div>
  {% if section.blocks.size > 0 %}
    <div
      id='section-{{ section.id }}-content'
      class='md:absolute md:top-0 md:bottom-0 md:left-0 md:right-0 mmd:apply-scheme {{ sect.color_scheme }}'
    >
      <div class='flex flex-col w-full h-full {{ content_position }}'>
        <div class='{{ content_margin_settings | strip | strip_newlines }} section-{{ section.id }}-content-width'>
          {%liquid
            for block in section.blocks
              case block.type
                when 'heading'
                  render 'hw_block-heading', settings: block.settings, section_id: section.id, block_id: block.id
                when 'text'
                  render 'hw_block-text', settings: block.settings, section_id: section.id, block_id: block.id
                when 'button'
                  render 'hw_block-button', settings: block.settings, section_id: section.id, block_id: block.id
              endcase
            endfor
          %}
        </div>
      </div>
    </div>
  {% endif %}
</div>

{% schema %}
{
  "name": "Image banner",
  "settings": [
    {
      "type": "header",
      "content": "t:sections.image-banner.settings.header.desktop_content"
    },
    {
      "type": "image_picker",
      "id": "large_image",
      "label": "t:sections.image-banner.settings.image.label"
    },
    {
      "type": "select",
      "id": "desktop_content_position",
      "options": [
        {
          "value": "top-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__1.label"
        },
        {
          "value": "top-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__2.label"
        },
        {
          "value": "top-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__3.label"
        },
        {
          "value": "middle-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__4.label"
        },
        {
          "value": "middle-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__5.label"
        },
        {
          "value": "middle-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__6.label"
        },
        {
          "value": "bottom-left",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__7.label"
        },
        {
          "value": "bottom-center",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__8.label"
        },
        {
          "value": "bottom-right",
          "label": "t:sections.image-banner.settings.desktop_content_position.options__9.label"
        }
      ],
      "default": "middle-center",
      "label": "t:sections.image-banner.settings.desktop_content_position.label"
    },
    {
      "type": "header",
      "content": "t:sections.image-banner.settings.header.content"
    },
    {
      "type": "image_picker",
      "id": "mobile_image",
      "label": "Mobile image"
    },
    {
      "type": "select",
      "id": "mobile_container_position",
      "options": [
        {
          "value": "top",
          "label": "t:sections.image-banner.settings.mobile_container_position.options__1.label"
        },
        {
          "value": "bottom",
          "label": "t:sections.image-banner.settings.mobile_container_position.options__2.label"
        }
      ],
      "default": "bottom",
      "label": "t:sections.image-banner.settings.mobile_container_position.label"
    },
    {
      "type": "select",
      "id": "color_scheme",
      "options": [
        {
          "value": "color-scheme-1",
          "label": "t:sections.all.settings.color_scheme.options__1.label"
        },
        {
          "value": "color-scheme-2",
          "label": "t:sections.all.settings.color_scheme.options__2.label"
        },
        {
          "value": "color-scheme-3",
          "label": "t:sections.all.settings.color_scheme.options__3.label"
        },
        {
          "value": "color-scheme-4",
          "label": "t:sections.all.settings.color_scheme.options__4.label"
        },
        {
          "value": "color-scheme-5",
          "label": "t:sections.all.settings.color_scheme.options__5.label"
        },
        {
          "value": "color-scheme-6",
          "label": "t:sections.all.settings.color_scheme.options__6.label"
        }
      ],
      "default": "color-scheme-3",
      "label": "t:sections.all.settings.color_scheme.label"
    },
    {
      "type": "header",
      "content": "Video height settings"
    },
    {
      "type": "number",
      "id": "desktop_image_height",
      "label": "Image Height in px (Desktop)",
      "default": 100
    },
    {
      "type": "number",
      "id": "tablet_image_height",
      "label": "Image Height in px (Tablet)",
      "default": 100
    },
    {
      "type": "number",
      "id": "mobile_image_height",
      "label": "Image Height in px (Mobile)",
      "default": 100
    },
    {
      "type": "header",
      "content": "Content width settings"
    },
    {
      "type": "number",
      "id": "desktop_content_width",
      "label": "Content Width in % (Desktop)",
      "default": 100
    },
    {
      "type": "number",
      "id": "tablet_content_width",
      "label": "Content Width in % (Tablet)",
      "default": 100
    },
    {
      "type": "number",
      "id": "mobile_content_width",
      "label": "Content Width in % (Mobile)",
      "default": 100
    },
    {
      "type": "header",
      "content": "Content Margin Settings"
    },
    {
      "type": "range",
      "id": "desktop_content_right_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin right (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_right_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin right (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_right_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin right (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_content_left_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin left (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_left_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin left (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_left_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin left (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_content_top_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin top (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_top_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin top (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_top_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin top (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_content_bottom_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin bottom (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_bottom_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin bottom (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_bottom_margin",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Content margin bottom (Mobile)",
      "default": 0
    }
  ],
  "blocks": [
    {
      "type": "heading",
      "name": "Heading",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "content",
          "default": "Talk about your brand",
          "label": "Heading label"
        },
        {
          "type": "select",
          "id": "font_family",
          "options": [
            {
              "value": "font-primary",
              "label": "Primary font"
            },
            {
              "value": "font-display",
              "label": "Secondary font"
            }
          ],
          "default": "font-primary",
          "label": "Font family"
        },
        {
          "type": "select",
          "id": "desktop_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "lg:text-left",
              "label": "Left"
            },
            {
              "value": "lg:text-center",
              "label": "Centered"
            },
            {
              "value": "lg:text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "md:text-left",
              "label": "Left"
            },
            {
              "value": "md:text-center",
              "label": "Centered"
            },
            {
              "value": "md:text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "text-left",
              "label": "Left"
            },
            {
              "value": "text-center",
              "label": "Centered"
            },
            {
              "value": "text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_font_size",
          "options": [
            {
              "value": "lg:text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "lg:text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "lg:text-base",
              "label": "Text 1rem"
            },
            {
              "value": "lg:text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "lg:text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "lg:text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "lg:text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "lg:text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "lg:text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "lg:text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "lg:text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "lg:text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "lg:text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "lg:text-base",
          "label": "Font size (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_font_size",
          "options": [
            {
              "value": "md:text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "md:text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "md:text-base",
              "label": "Text 1rem"
            },
            {
              "value": "md:text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "md:text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "md:text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "md:text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "md:text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "md:text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "md:text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "md:text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "md:text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "md:text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "md:text-base",
          "label": "Font size (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_font_size",
          "options": [
            {
              "value": "text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "text-base",
              "label": "Text 1rem"
            },
            {
              "value": "text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "text-base",
          "label": "Font size (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_font_weight",
          "options": [
            {
              "value": "lg:font-light",
              "label": "Font light"
            },
            {
              "value": "lg:font-normal",
              "label": "Font normal"
            },
            {
              "value": "lg:font-medium",
              "label": "Font medium"
            },
            {
              "value": "lg:font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "lg:font-bold",
              "label": "Font bold"
            }
          ],
          "default": "lg:font-normal",
          "label": "Font weight (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_font_weight",
          "options": [
            {
              "value": "md:font-light",
              "label": "Font light"
            },
            {
              "value": "md:font-normal",
              "label": "Font normal"
            },
            {
              "value": "md:font-medium",
              "label": "Font medium"
            },
            {
              "value": "md:font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "md:font-bold",
              "label": "Font bold"
            }
          ],
          "default": "md:font-normal",
          "label": "Font weight (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_font_weight",
          "options": [
            {
              "value": "font-light",
              "label": "Font light"
            },
            {
              "value": "font-normal",
              "label": "Font normal"
            },
            {
              "value": "font-medium",
              "label": "Font medium"
            },
            {
              "value": "font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "font-bold",
              "label": "Font bold"
            }
          ],
          "default": "font-normal",
          "label": "Font weight (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_line_height",
          "options": [
            {
              "value": "lg:leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "lg:leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "lg:leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "lg:leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "lg:leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "lg:leading-p100",
          "label": "Line height (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_line_height",
          "options": [
            {
              "value": "md:leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "md:leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "md:leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "md:leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "md:leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "md:leading-p100",
          "label": "Line height (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_line_height",
          "options": [
            {
              "value": "leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "leading-p100",
          "label": "Line height (Mobile)"
        },
        {
          "type": "color",
          "id": "text_font_color",
          "default": "rgba(0, 0, 0, 0)",
          "label": "Text font color"
        },
        {
          "type": "header",
          "content": "Margin settings"
        },
        {
          "type": "range",
          "id": "desktop_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Mobile)",
          "default": 0
        },
        {
          "type": "range",
          "id": "desktop_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Mobile)",
          "default": 0
        }
      ]
    },
    {
      "type": "text",
      "name": "Text",
      "limit": 1,
      "settings": [
        {
          "type": "textarea",
          "id": "content",
          "default": "Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.",
          "label": "Content"
        },
        {
          "type": "select",
          "id": "font_family",
          "options": [
            {
              "value": "font-primary",
              "label": "Primary font"
            },
            {
              "value": "font-display",
              "label": "Secondary font"
            }
          ],
          "default": "font-primary",
          "label": "Font family"
        },
        {
          "type": "select",
          "id": "desktop_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "lg:text-left",
              "label": "Left"
            },
            {
              "value": "lg:text-center",
              "label": "Centered"
            },
            {
              "value": "lg:text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "md:text-left",
              "label": "Left"
            },
            {
              "value": "md:text-center",
              "label": "Centered"
            },
            {
              "value": "md:text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_text_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "text-left",
              "label": "Left"
            },
            {
              "value": "text-center",
              "label": "Centered"
            },
            {
              "value": "text-right",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Text position (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_font_size",
          "options": [
            {
              "value": "lg:text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "lg:text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "lg:text-base",
              "label": "Text 1rem"
            },
            {
              "value": "lg:text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "lg:text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "lg:text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "lg:text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "lg:text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "lg:text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "lg:text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "lg:text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "lg:text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "lg:text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "lg:text-base",
          "label": "Font size (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_font_size",
          "options": [
            {
              "value": "md:text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "md:text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "md:text-base",
              "label": "Text 1rem"
            },
            {
              "value": "md:text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "md:text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "md:text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "md:text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "md:text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "md:text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "md:text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "md:text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "md:text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "md:text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "md:text-base",
          "label": "Font size (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_font_size",
          "options": [
            {
              "value": "text-xs",
              "label": "Text 0.75rem"
            },
            {
              "value": "text-sm",
              "label": "Text 0.875rem"
            },
            {
              "value": "text-base",
              "label": "Text 1rem"
            },
            {
              "value": "text-lg",
              "label": "Text 1.125rem"
            },
            {
              "value": "text-xl",
              "label": "Text 1.25rem"
            },
            {
              "value": "text-2xl",
              "label": "Text 1.5rem"
            },
            {
              "value": "text-3xl",
              "label": "Text 1.875rem"
            },
            {
              "value": "text-4xl",
              "label": "Text 2.25rem"
            },
            {
              "value": "text-5xl",
              "label": "Text 3rem"
            },
            {
              "value": "text-6xl",
              "label": "Text 3.75rem"
            },
            {
              "value": "text-7xl",
              "label": "Text 4.5rem"
            },
            {
              "value": "text-8xl",
              "label": "Text 6rem"
            },
            {
              "value": "text-9xl",
              "label": "Text 8rem"
            }
          ],
          "default": "text-base",
          "label": "Font size (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_font_weight",
          "options": [
            {
              "value": "lg:font-light",
              "label": "Font light"
            },
            {
              "value": "lg:font-normal",
              "label": "Font normal"
            },
            {
              "value": "lg:font-medium",
              "label": "Font medium"
            },
            {
              "value": "lg:font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "lg:font-bold",
              "label": "Font bold"
            }
          ],
          "default": "lg:font-normal",
          "label": "Font weight (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_font_weight",
          "options": [
            {
              "value": "md:font-light",
              "label": "Font light"
            },
            {
              "value": "md:font-normal",
              "label": "Font normal"
            },
            {
              "value": "md:font-medium",
              "label": "Font medium"
            },
            {
              "value": "md:font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "md:font-bold",
              "label": "Font bold"
            }
          ],
          "default": "md:font-normal",
          "label": "Font weight (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_font_weight",
          "options": [
            {
              "value": "font-light",
              "label": "Font light"
            },
            {
              "value": "font-normal",
              "label": "Font normal"
            },
            {
              "value": "font-medium",
              "label": "Font medium"
            },
            {
              "value": "font-semibold",
              "label": "Font semibold"
            },
            {
              "value": "font-bold",
              "label": "Font bold"
            }
          ],
          "default": "font-normal",
          "label": "Font weight (Mobile)"
        },
        {
          "type": "select",
          "id": "desktop_line_height",
          "options": [
            {
              "value": "lg:leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "lg:leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "lg:leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "lg:leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "lg:leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "lg:leading-p100",
          "label": "Line height (Desktop)"
        },
        {
          "type": "select",
          "id": "tablet_line_height",
          "options": [
            {
              "value": "md:leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "md:leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "md:leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "md:leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "md:leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "md:leading-p100",
          "label": "Line height (Tablet)"
        },
        {
          "type": "select",
          "id": "mobile_line_height",
          "options": [
            {
              "value": "leading-p100",
              "label": "Line height 100%"
            },
            {
              "value": "leading-p125",
              "label": "Line height 125%"
            },
            {
              "value": "leading-p150",
              "label": "Line height 150%"
            },
            {
              "value": "leading-p162_5",
              "label": "Line height 162.5%"
            },
            {
              "value": "leading-p200",
              "label": "Line height 200%"
            }
          ],
          "default": "leading-p100",
          "label": "Line height (Mobile)"
        },
        {
          "type": "color",
          "id": "text_font_color",
          "default": "rgba(0, 0, 0, 0)",
          "label": "Text font color"
        },
        {
          "type": "header",
          "content": "Margin settings"
        },
        {
          "type": "range",
          "id": "desktop_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Mobile)",
          "default": 0
        },
        {
          "type": "range",
          "id": "desktop_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Mobile)",
          "default": 0
        }
      ]
    },
    {
      "type": "button",
      "name": "Button",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "button_label",
          "default": "Button label",
          "label": "Button label"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "Button link"
        },
        {
          "type": "select",
          "id": "button_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "md:justify-start",
              "label": "Left"
            },
            {
              "value": "md:justify-center",
              "label": "Centered"
            },
            {
              "value": "md:justify-end",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Button position"
        },
        {
          "type": "select",
          "id": "mobile_button_position",
          "options": [
            {
              "value": "",
              "label": "None"
            },
            {
              "value": "justify-start",
              "label": "Left"
            },
            {
              "value": "justify-center",
              "label": "Centered"
            },
            {
              "value": "justify-end",
              "label": "Right"
            }
          ],
          "default": "",
          "label": "Button position (Mobile)"
        },
        {
          "type": "select",
          "id": "button_type",
          "options": [
            {
              "value": "primary",
              "label": "Primary"
            },
            {
              "value": "secondary",
              "label": "Secondary"
            }
          ],
          "default": "primary",
          "label": "Button type"
        },
        {
          "type": "select",
          "id": "button_status",
          "options": [
            {
              "value": "filled",
              "label": "Filled"
            },
            {
              "value": "outline",
              "label": "Outline"
            },
            {
              "value": "ghost",
              "label": "Ghost"
            }
          ],
          "default": "filled",
          "label": "Button status"
        },
        {
          "type": "select",
          "id": "button_size",
          "options": [
            {
              "value": "xs",
              "label": "Extra Small"
            },
            {
              "value": "sm",
              "label": "Small"
            },
            {
              "value": "md",
              "label": "Medium"
            },
            {
              "value": "lg",
              "label": "Large"
            },
            {
              "value": "xl",
              "label": "Extra large"
            }
          ],
          "default": "md",
          "label": "Button size"
        },
        {
          "type": "header",
          "content": "Margin settings"
        },
        {
          "type": "range",
          "id": "desktop_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_top",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Top margin (Mobile)",
          "default": 0
        },
        {
          "type": "range",
          "id": "desktop_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_margin_bottom",
          "min": 0,
          "max": 512,
          "step": 8,
          "unit": "px",
          "label": "Bottom margin (Mobile)",
          "default": 0
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Image banner",
      "blocks": [
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "button"
        }
      ]
    }
  ]
}
{% endschema %}