<?php
/**
 * Title: Product Filter Sidebar
 * Slug: gutenify-store-base/product-filter-sidebar
 * Categories: gutenify-store-base
 */
?>
<!-- wp:group {"metadata":{"name":"Product Filter Sidebar","patternName":"gutenify-store-base/product-filter-sidebar","categories":["gutenify-store-base-sidebar"]},"className":"wp-block-custom-filter","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|20"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group wp-block-custom-filter"
    style="margin-bottom:var(--wp--preset--spacing--20);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
    <!-- wp:woocommerce/product-filters {"lock":{"move":false,"remove":false},"align":"wide","className":"alignwide has-x-normal-font-size","style":{"spacing":{"blockGap":"var:preset|spacing|10"}}} -->
    <div class="wp-block-woocommerce-product-filters alignwide wc-block-product-filters has-x-normal-font-size">
        <!-- wp:heading {"level":3} -->
        <h3 class="wp-block-heading">Filter</h3>
        <!-- /wp:heading -->

        <!-- wp:woocommerce/product-filter-price -->
        <div class="wp-block-woocommerce-product-filter-price">
            <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}},"fontSize":"product-title"} -->
            <h3 class="wp-block-heading has-product-title-font-size" style="margin-top:0;margin-bottom:0.625rem">Price
            </h3>
            <!-- /wp:heading -->

            <!-- wp:woocommerce/product-filter-price-slider {"showInputFields":false,"sliderHandle":"heading","customSliderHandle":"#000000","sliderHandleBorder":"foreground","customSliderHandleBorder":"#000","slider":"background-secondary","customSlider":"#e2e2e2"} -->
            <div class="wp-block-woocommerce-product-filter-price-slider wc-block-product-filter-price-slider has-slider-handle-color has-slider-handle-border-color has-slider-color"
                style="--wc-product-filter-price-slider-handle:var(--wp--preset--color--heading);--wc-product-filter-price-slider-handle-border:var(--wp--preset--color--foreground);--wc-product-filter-price-slider:var(--wp--preset--color--background-secondary)">
            </div>
            <!-- /wp:woocommerce/product-filter-price-slider -->
        </div>
        <!-- /wp:woocommerce/product-filter-price -->

        <!-- wp:woocommerce/product-filter-active -->
        <div class="wp-block-woocommerce-product-filter-active"><!-- wp:woocommerce/product-filter-removable-chips -->
            <div class="wp-block-woocommerce-product-filter-removable-chips wc-block-product-filter-removable-chips">
            </div>
            <!-- /wp:woocommerce/product-filter-removable-chips -->

            <!-- wp:woocommerce/product-filter-clear-button -->
            <!-- wp:buttons {"layout":{"type":"flex","verticalAlignment":"stretched"}} -->
            <div class="wp-block-buttons">
                <!-- wp:button {"width":100,"className":"wc-block-product-filter-clear-button is-style-outline","style":{"border":{"width":"1px"},"typography":{"textDecoration":"none","textAlign":"center"},"outline":"none","fontSize":"medium","spacing":{"padding":{"left":"8px","right":"8px","top":"5px","bottom":"5px"}}}} -->
                <div
                    class="wp-block-button has-custom-width wp-block-button__width-100 wc-block-product-filter-clear-button is-style-outline">
                    <a class="wp-block-button__link has-text-align-center wp-element-button"
                        style="border-width:1px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;text-decoration:none">
                        Clear filters</a></div>
                <!-- /wp:button -->
            </div>
            <!-- /wp:buttons -->
            <!-- /wp:woocommerce/product-filter-clear-button -->
        </div>
        <!-- /wp:woocommerce/product-filter-active -->

        <!-- wp:woocommerce/product-filter-rating -->
        <div class="wp-block-woocommerce-product-filter-rating">
            <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}},"fontSize":"product-title"} -->
            <h3 class="wp-block-heading has-product-title-font-size" style="margin-top:0;margin-bottom:0.625rem">Rating
            </h3>
            <!-- /wp:heading -->

            <!-- wp:woocommerce/product-filter-checkbox-list -->
            <div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
            <!-- /wp:woocommerce/product-filter-checkbox-list -->
        </div>
        <!-- /wp:woocommerce/product-filter-rating -->

        <!-- wp:woocommerce/product-filter-attribute -->
        <div class="wp-block-woocommerce-product-filter-attribute">
            <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}},"fontSize":"product-title"} -->
            <h3 class="wp-block-heading has-product-title-font-size" style="margin-top:0;margin-bottom:0.625rem">Color
            </h3>
            <!-- /wp:heading -->

            <!-- wp:woocommerce/product-filter-checkbox-list -->
            <div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
            <!-- /wp:woocommerce/product-filter-checkbox-list -->
        </div>
        <!-- /wp:woocommerce/product-filter-attribute -->

        <!-- wp:woocommerce/product-filter-taxonomy -->
        <div class="wp-block-woocommerce-product-filter-taxonomy">
            <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}},"fontSize":"product-title"} -->
            <h3 class="wp-block-heading has-product-title-font-size" style="margin-top:0;margin-bottom:0.625rem">
                Category </h3>
            <!-- /wp:heading -->

            <!-- wp:woocommerce/product-filter-checkbox-list -->
            <div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
            <!-- /wp:woocommerce/product-filter-checkbox-list -->
        </div>
        <!-- /wp:woocommerce/product-filter-taxonomy -->

        <!-- wp:woocommerce/product-filter-status -->
        <div class="wp-block-woocommerce-product-filter-status">
            <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}},"fontSize":"product-title"} -->
            <h3 class="wp-block-heading has-product-title-font-size" style="margin-top:0;margin-bottom:0.625rem">
                Status </h3>
            <!-- /wp:heading -->

            <!-- wp:woocommerce/product-filter-checkbox-list -->
            <div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
            <!-- /wp:woocommerce/product-filter-checkbox-list -->
        </div>
        <!-- /wp:woocommerce/product-filter-status -->
    </div>
    <!-- /wp:woocommerce/product-filters -->
</div>
<!-- /wp:group -->