import { buildCommonLayout } from "../../common/atomic-layout-section/layout.js";
const layoutWebComponentTagName = 'atomic-commerce-layout';
const containerWebComponentTagName = 'atomic-commerce-interface';
const noProductsSelector = `${containerWebComponentTagName}-no-results`;
const errorSelector = `${containerWebComponentTagName}-error`;
const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;
function buildCommerceLayout(element, mobileBreakpoint) {
    return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noProductsSelector, errorSelector, 'atomic-commerce-refine-toggle', 'atomic-commerce-sort-dropdown');
}
export { buildCommerceLayout, errorSelector, firstSearchExecutedSelector, noProductsSelector };
