import { cx as e } from "../../../theme/tools.js";
import { control as t, description as n, field as r, header as i, label as a } from "./backofficeFilterField.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/backoffice/molecules/backoffice_filter_field/BackofficeFilterField.tsx
var c = ({ label: c, description: l, children: u, className: d }) => {
	let f = null;
	return l != null && (f = /* @__PURE__ */ o("div", {
		className: n,
		children: l
	})), /* @__PURE__ */ s("div", {
		className: e(r, d),
		children: [/* @__PURE__ */ s("div", {
			className: i,
			children: [/* @__PURE__ */ o("div", {
				className: a,
				children: c
			}), f]
		}), /* @__PURE__ */ o("div", {
			className: t,
			children: u
		})]
	});
};
//#endregion
export { c as BackofficeFilterField, c as default };

//# sourceMappingURL=BackofficeFilterField.js.map