"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),t=require("../../../../utils/index.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(o);const d=n.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["isInRange","isStartDay","isEndDay","disabled"])})`
  display: flex;
  justify-content: center;
  align-items: center;
  ${t.getFontSize("size16")};
  cursor: ${e=>e.disabled?"not-allowed":"pointer"};
  margin: ${t.getSpacing("s02","s00")};
  padding: 0 1px;

  ${({isInRange:e,isStartDay:r,isEndDay:i})=>o.css`
      background: ${e||r&&!i?t.getColorAlias("interactiveSecondary"):"transparent"};
      border-bottom-right-radius: ${i?"20px":"0"};
      border-top-right-radius: ${i?"20px":"0"};
      border-bottom-left-radius: ${r?"20px":"0"};
      border-top-left-radius: ${r?"20px":"0"};
    `}
`;function u(e,r,i){return e&&i?t.getColorAlias("backgroundDefault"):r?t.getColorAlias("interactivePrimary"):e?t.getColorAlias("containerStrong"):"transparent"}function l(e,r,i){return i?t.getColorAlias("disabled01"):e?t.getColorAlias("contentInteractivePrimary"):r?t.getColorAlias("contentInteractiveTertiary"):t.getColorAlias("contentDisabled")}const s=n.default.div.withConfig({shouldForwardProp:t.convertToTransientProps(["isStartEndDay","isToday","isCurrentMonth","width"])})`
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: ${e=>e.width}px;
  height: ${e=>e.width}px;
  font-weight: ${e=>e.isToday?e.theme.font.weightExtrabold:e.theme.font.weightRegular};
  color: ${e=>l(e.isStartEndDay,e.isCurrentMonth,e.disabled)};
  border-radius: ${e=>e.isToday||e.isStartEndDay?e.theme.radius.roundedE:e.theme.radius.roundedNone};
  background: ${e=>u(e.isToday,e.isStartEndDay,e.disabled)};
  position: relative;

  &:focus {
    border-radius: ${e=>e.theme.radius.roundedE};
  }

  @media (max-width: 325px) {
    padding: 1px 3px;
  }
`,c=n.default.div`
  height: 4px;
  width: 4px;
  background-color: ${t.getColorAlias("interactiveBrand")};
  border-radius: ${e=>e.theme.radius.roundedE};
  position: absolute;
  top: min(30px, 85%);
`;exports.DayNum=s;exports.Event=c;exports.Wrapper=d;
