"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeadText = exports.HeadButton = void 0;
const StaticCalendar_1 = require("../../../StaticCalendar");
const styled_1 = require("../../../styled");
const Typography_1 = require("../../../Typography");
const calendarGridPositions_1 = require("../enums/calendarGridPositions");
exports.HeadButton = (0, styled_1.styled)(StaticCalendar_1.StaticCalendarButton) `
  display: block;
  grid-area: ${calendarGridPositions_1.CalendarGridPositions.Head};

  &::first-letter {
    text-transform: capitalize;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding: unset;
  }
`;
exports.HeadText = (0, styled_1.styled)(Typography_1.Typography) `
  display: block;
  grid-area: ${calendarGridPositions_1.CalendarGridPositions.Head};
  align-self: center;

  text-align: center;

  &::first-letter {
    text-transform: capitalize;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    font-weight: ${({ theme }) => theme.typography.fontWeightMedium};
  }
`;
