import {
  LabelModerate
} from "./chunk-25AAHDUW.js";
import {
  Spacing
} from "./chunk-E5DUKMCU.js";

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

export {
  Filter
};
