Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../../chunk-BN4qSVkS.cjs");
const require_styles_tokens_spacing = require("../../styles/tokens/spacing.cjs");
const require_components_typography_LabelModerate = require("../typography/LabelModerate.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/DataManagerTable/Filter.tsx
const Filter = ({ label, children }) => {
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(FilterContainer, { children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterHeader, { children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_components_typography_LabelModerate.LabelModerate, { children: `Filter by ${label}` }) }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(FilterBody, { children })] });
};
const FilterContainer = _emotion_styled.default.div`
  display: flex;
  flex-direction: column;
  gap: ${require_styles_tokens_spacing.Spacing.px.sm};
`;
const FilterHeader = _emotion_styled.default.div`
  display: flex;
  flex-direction: row;
  align-items: center;
`;
const FilterBody = _emotion_styled.default.div``;
//#endregion
exports.Filter = Filter;
