import { buildCommonLayout } from "../../common/atomic-layout-section/layout.js";
const layoutWebComponentTagName = 'atomic-search-layout';
const containerWebComponentTagName = 'atomic-search-interface';
const noResultsSelector = `${containerWebComponentTagName}-no-results`;
const errorSelector = `${containerWebComponentTagName}-error`;
const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;
function makeDesktopQuery(mobileBreakpoint) {
    return `only screen and (min-width: ${mobileBreakpoint})`;
}
function buildSearchLayout(element, mobileBreakpoint) {
    return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noResultsSelector, errorSelector, 'atomic-refine-toggle', 'atomic-sort-dropdown');
}
export { buildSearchLayout, errorSelector, firstSearchExecutedSelector, makeDesktopQuery, noResultsSelector };
