{% # theme-check-disable MissingTemplate %}

{% assign sect = section.settings %}

{% style %}
  .section-{{ section.id }}-container-padding {
    padding-left: {{ sect.mobile_horizontal_padding }}px;
    padding-right: {{ sect.mobile_horizontal_padding }}px;
    padding-top: {{ sect.mobile_top_padding }}px;
    padding-bottom: {{ sect.mobile_bottom_padding }}px;
  }

  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-container-padding {
      padding-left: {{ sect.tablet_horizontal_padding }}px;
      padding-right: {{ sect.tablet_horizontal_padding }}px;
      padding-top: {{ sect.tablet_top_padding }}px;
      padding-bottom: {{ sect.tablet_bottom_padding }}px;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-container-padding {
      padding-left: {{ sect.desktop_horizontal_padding }}px;
      padding-right: {{ sect.desktop_horizontal_padding }}px;
      padding-top: {{ sect.desktop_top_padding }}px;
      padding-bottom: {{ sect.desktop_bottom_padding }}px;
    }
  }
{% endstyle %}

{% capture container_padding_settings %}
  section-{{ section.id }}-container-padding
{% endcapture %}

{%liquid 
  assign container_visibility_settings = "" 
  if sect.hide_on_mobile == true
    assign container_visibility_settings = "hidden md:block"
  endif
%}

<section class="rte-section apply-scheme {{ sect.color_scheme }} {{ container_visibility_settings }}">
  <div class="{{ container_padding_settings | strip | strip_newlines }}">
    {% 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>
</section>

{% schema %}
{
  "name": "Rich text",
  "settings": [
    {
      "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": "Horizontal Padding Settings"
    },
    {
      "type": "range",
      "id": "desktop_horizontal_padding",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "label": "Horizontal padding (Desktop)",
      "default": 10
    },
    {
      "type": "range",
      "id": "tablet_horizontal_padding",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "label": "Horizontal padding (Tablet)",
      "default": 10
    },
    {
      "type": "range",
      "id": "mobile_horizontal_padding",
      "min": 0,
      "max": 100,
      "step": 1,
      "unit": "px",
      "label": "Horizontal padding (Mobile)",
      "default": 10
    },
    {
      "type": "header",
      "content": "Vertical Padding Settings"
    },
    {
      "type": "range",
      "id": "desktop_top_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Top padding (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_top_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Top padding (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_top_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Top padding (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_bottom_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Bottom padding (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_bottom_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Bottom padding (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_bottom_padding",
      "min": 0,
      "max": 512,
      "step": 8,
      "unit": "px",
      "label": "Bottom padding (Mobile)",
      "default": 0
    },
    {
      "type": "header",
      "content": "Visibility Settings"
    },
    {
      "type": "checkbox",
      "id": "hide_on_mobile",
      "label": "Hide on mobile layout",
      "default": false
    }
  ],
  "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": "Horizontal padding settings (Optional)"
        },
        {
          "type": "range",
          "id": "desktop_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Mobile)",
          "default": 0
        },
        {
          "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": "Rich text",
      "limit": 1,
      "settings": [
        {
          "type": "richtext",
          "id": "content",
          "default": "<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>",
          "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": "Horizontal padding settings (Optional)"
        },
        {
          "type": "range",
          "id": "desktop_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Desktop)",
          "default": 0
        },
        {
          "type": "range",
          "id": "tablet_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Tablet)",
          "default": 0
        },
        {
          "type": "range",
          "id": "mobile_horizontal_padding_percentage",
          "min": 0,
          "max": 100,
          "step": 1,
          "unit": "%",
          "label": "Padding in % (Mobile)",
          "default": 0
        },
        {
          "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 settings",
      "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": "md:justify-start",
              "label": "Left"
            },
            {
              "value": "md:justify-center",
              "label": "Centered"
            },
            {
              "value": "md:justify-end",
              "label": "Right"
            }
          ],
          "default": "md:justify-center",
          "label": "Button position"
        },
        {
          "type": "select",
          "id": "mobile_button_position",
          "options": [
            {
              "value": "justify-start",
              "label": "Left"
            },
            {
              "value": "justify-center",
              "label": "Centered"
            },
            {
              "value": "justify-end",
              "label": "Right"
            }
          ],
          "default": "justify-center",
          "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": "Rich text",
      "blocks": [
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "button"
        }
      ]
    }
  ]
}
{% endschema %}