<?xml version="1.0"?>
<data inherit_id="website.snippet_options">
    <xpath expr="." position="inside">
        <!-- Layout -->
        <div data-js="Blockquote" data-selector=".s_blockquote">
            <we-select string="Display">
                <we-button data-select-class="s_blockquote_classic" data-display="classic">Classic</we-button>
                <we-button data-select-class="s_blockquote_cover" data-display="cover" data-name="blockquote_cover_opt">Cover</we-button>
                <we-button data-select-class="s_blockquote_minimalist" data-display="minimalist" data-name="blockquote_minimalist_opt">Minimalist</we-button>
            </we-select>
        </div>

        <!-- Color and images -->
        <t t-call="website.snippet_options_background_options">
            <t t-set="selector" t-value="'.s_blockquote'"/>
            <t t-set="target" t-value="'.s_blockquote_content'"/>
            <t t-set="with_colors" t-value="True"/>
            <t t-set="with_images" t-value="True"/>
            <t t-set="with_videos" t-value="True"/>
            <t t-set="with_shapes" t-value="True"/>
            <t t-set="with_gradients" t-value="True"/>
            <t t-set="images_dependencies" t-value="'blockquote_cover_opt'"/>
        </t>

        <!-- Shadow -->
        <div data-js="Box" data-selector=".s_blockquote" data-target=".s_blockquote_content">
            <t t-call="website.snippet_options_shadow_widgets"/>
        </div>

        <!-- Border Color -->
        <div data-selector="blockquote">
            <we-colorpicker string="Border Color" data-select-style="true" data-css-property="border-color" data-color-prefix="border-" data-dependencies="blockquote_minimalist_opt"/>
        </div>
    </xpath>
</data>

