import t from "styled-components";
import { getFontSize as n, getColorAlias as e, getSpacing as s } from "../../../../utils/index.js";
import { Button as i } from "../../../Button/index.js";
const c = t.div`
  display: flex;
  align-items: center;
`, f = t.div`
  display: flex;
  grid-template-columns: 50% 50%;
  align-items: center;
  font-size: ${n("size16")};
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
`, g = t(i)`
  svg {
    fill: ${e("contentDefault")};
  }
  font-size: inherit;
`, p = t(i)`
  svg {
    fill: ${e("contentDefault")};
  }
  font-size: inherit;
`, m = t.div`
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-weight: ${(o) => o.theme.font.weightExtrabold};
  ${n("size16")};
  color: ${e("contentDefault")};
  padding: ${s("s03", "s05", "s03", "s05")};
`;
export {
  c as ButtonsWrapper,
  g as MonthSelector,
  f as RangeButtonsWrapper,
  m as SingleDateWrapper,
  p as YearSelector
};
