<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

<t t-name="website.SocialMediaOption">
    <BuilderRow label.translate="Title Position">
        <BuilderSelect applyTo="'.s_share_title, .s_social_media_title'">
            <BuilderSelectItem classAction="'d-block'">Top</BuilderSelectItem>
            <BuilderSelectItem classAction="''">Left</BuilderSelectItem>
            <BuilderSelectItem classAction="'d-none'">None</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>

    <BuilderRow label.translate="Layout">
        <BuilderSelect applyTo="'.fa, .social_media_img'">
            <BuilderSelectItem classAction="'rounded shadow-sm'">Square</BuilderSelectItem>
            <BuilderSelectItem classAction="'rounded-empty-circle shadow-sm'">Circle</BuilderSelectItem>
            <BuilderSelectItem classAction="'rounded-circle shadow-sm'">Disk</BuilderSelectItem>
            <BuilderSelectItem classAction="'fa-stack'">None</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>

    <BuilderRow label.translate="Size">
    <BuilderRange
        withNumberInput="true"
        action="'resetSocialMediaIconSize'"
        applyTo="'.fa, .social_media_img'"
        styleAction="{ mainParam: '--fa-icon-size', extraClass: 'o_sm_custom_size' }"
        unit="'px'"
        saveUnit="'rem'"
        min="40"
        max="100"
        step="1"/>
    </BuilderRow>

    <BuilderRow label.translate="Color" tooltip.translate="Keep the original icon color">
        <BuilderCheckbox classAction="'no_icon_color'" inverseAction="true"/>
    </BuilderRow>
    <BuilderRow label.translate="Link Style">
        <BuilderSelect dataAttributeAction="'iconUnderline'">
            <BuilderSelectItem dataAttributeActionValue="''">No Underline</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'hover'">Underline On Hover</BuilderSelectItem>
            <BuilderSelectItem dataAttributeActionValue="'always'">Always Underline</BuilderSelectItem>
        </BuilderSelect>
    </BuilderRow>

    <BuilderRow label.translate="Background Color">
        <BuilderColorPicker applyTo="'.fa'" styleAction="'background-color'"/>
    </BuilderRow>
</t>

</templates>
