"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CalendarItemsContainer = exports.CalendarItem = exports.isSelected = exports.hover = exports.isToday = exports.isHidden = exports.isDisabled = exports.current = exports.boundary = void 0;
const box_1 = __importDefault(require("../box"));
const core_1 = require("../core");
const link_1 = __importDefault(require("../link"));
exports.boundary = (0, core_1.css) `
  background-color: ${core_1.th.color('seaBlue.main')};
  color: white !important;
  border-radius: 0;
`;
exports.current = (0, core_1.css) `
  background-color: ${core_1.th.color('seaBlue.main')};
  color: white !important;
  border-radius: 0;
`;
exports.isDisabled = (0, core_1.css) `
  background-color: ${core_1.th.color('sandstone.97')} !important;
  color: ${core_1.th.color('sandstone.55')} !important;
  cursor: not-allowed;
`;
exports.isHidden = (0, core_1.css) `
  color: ${core_1.th.color('sandstone.55')} !important;
`;
exports.isToday = (0, core_1.css) `
  border: 1px solid ${core_1.th.color('seaBlue.main')};
`;
exports.hover = (0, core_1.css) `
  background-color: ${core_1.th.color('skyBlue.85')};
  color: ${core_1.th.color('seaBlue.main')};
  border-radius: 0;
`;
exports.isSelected = (0, core_1.css) `
  background-color: ${core_1.th.color('skyBlue.85')};
  border-radius: 0;
  color: white;
`;
exports.CalendarItem = (0, core_1.styled)(link_1.default) `
  aspect-ratio: 1;
  border: 0;
  cursor: pointer;
  height: 100%;
  justify-content: center;
  text-decoration: none;
  width: 100%;

  ${p => p.isHidden && exports.isHidden}
  ${p => p.isToday && exports.isToday}
  ${p => p.isDisabled && exports.isDisabled}
    ${p => p.isSelected && exports.isSelected}
    ${p => p.boundary && exports.boundary}
    ${p => p.current && exports.current}

    &:hover {
    color: inherit;
    text-decoration: none;

    ${p => !p.isDisabled && exports.hover}
  }
`;
exports.CalendarItemsContainer = (0, core_1.styled)(box_1.default) `
  align-items: center;
  column-gap: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 62px);
  justify-items: center;
  row-gap: 0;
`;
//# sourceMappingURL=calendar.styles.js.map