<?xml version="1.0"?>
<t t-name="website.snippet_options_shadow_widgets">
    <we-button-group string="Shadow" data-shadow-class="shadow" t-att-data-variable="shadow_variable">
        <we-button data-set-shadow="">None</we-button>
        <we-button data-set-shadow="outset" data-img="/website/static/src/img/snippets_options/shadow_out.svg" data-name="shadow_active_opt" title="Outset"/>
        <we-button data-set-shadow="inset" data-img="/website/static/src/img/snippets_options/shadow_in.svg" data-name="shadow_inset_opt" title="Inset"/>
    </we-button-group>
    <we-multi data-css-property="box-shadow" data-dependencies="shadow_active_opt, shadow_inset_opt" t-att-data-variable="shadow_variable">
        <we-colorpicker string="Color" class="o_we_sublevel_1" data-select-style="" data-css-compatible=""/>
        <we-row string="Offset (X, Y)" class="o_we_sublevel_1">
            <we-input data-select-style="" data-unit="px"/>
            <we-input data-select-style="" data-unit="px"/>
        </we-row>
        <we-input string="Blur" class="o_we_sublevel_1" data-select-style="" data-unit="px"/>
        <we-input string="Spread" class="o_we_sublevel_1" data-select-style="" data-unit="px"/>
        <!-- Inset parameter always hidden (as controlled above) but needed -->
        <!-- for the we-multi widget to work properly. -->
        <we-checkbox data-name="fake_inset_shadow_opt" data-select-style="inset"/>
    </we-multi>
</t>

