import { Spacing } from "../../styles/tokens/spacing.js";
import { LabelModerate } from "../typography/LabelModerate.js";
import styled from "@emotion/styled";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
//#region src/components/DataManagerTable/Filter.tsx
const Filter = ({ label, children }) => {
	return /* @__PURE__ */ jsxs(FilterContainer, { children: [/* @__PURE__ */ jsx(FilterHeader, { children: /* @__PURE__ */ jsx(LabelModerate, { children: `Filter by ${label}` }) }), /* @__PURE__ */ jsx(FilterBody, { children })] });
};
const FilterContainer = styled.div`
  display: flex;
  flex-direction: column;
  gap: ${Spacing.px.sm};
`;
const FilterHeader = styled.div`
  display: flex;
  flex-direction: row;
  align-items: center;
`;
const FilterBody = styled.div``;
//#endregion
export { Filter };
