import e from "styled-components";
import { getSpacing as i, getFontSize as n, getColorAlias as o, convertToTransientProps as r } from "../../../../utils/index.js";
const l = e.div`
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: ${i("s04", "s05")};

  font-weight: ${(t) => t.theme.font.weightExtrabold};
  ${n("size16")};
  color: ${o("contentDefault")};
`, p = e.h2.withConfig({
  shouldForwardProp: r(["isLeft"])
})`
  justify-content: center;
  align-items: center;
  ${n("size16")};
  margin-left: ${({ isLeft: t }) => t ? "45px" : 0};
  margin-right: ${(t) => t ? 0 : "30px"};
`, c = e.div`
  display: flex;
  align-items: center;
`, g = e.div`
  display: flex;
  grid-template-columns: 50% 50%;
  align-items: center;
`;
export {
  c as ButtonsWrapper,
  p as MonthYear,
  g as RangeButtonsWrapper,
  l as Wrapper
};
