import e from "styled-components";
import { getSpacing as r, getColorAlias as t, convertToTransientProps as i, getFontSize as n } from "../../../../utils/index.js";
const l = e.div.withConfig({
  shouldForwardProp: i(["scrollBarWidth", "narrow"])
})`
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin: ${(o) => o.narrow ? r("s00") : r("s00", "s04")};
  overflow: hidden;
  padding-bottom: ${(o) => r(o.narrow ? "s02" : "s00")};
  border-bottom: ${(o) => o.narrow ? `1px solid ${t("dividerDefault")}` : "none"};
  padding-right: ${(o) => o.scrollBarWidth ? o.scrollBarWidth + 1 : 0}px;
`, d = e.span`
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  ${n("size14")};
  font-weight: ${(o) => o.theme.font.weightRegular};
  color: ${t("contentDisabled")};
  margin: ${r("s00", "s02")};
`;
export {
  d as DayName,
  l as DaysOfWeek
};
