"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WeekInnerWrapper = exports.WeekOutterWrapper = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const index_util_1 = require("../hooks/index.util");
const index_styled_1 = require("../index.styled");
const MIN_DATE_OF_MONTH_SIZE = index_styled_1.DATEPICKER_MIN_WIDTH / index_util_1.NUMBER_OF_WEEK_DAYS;
exports.WeekOutterWrapper = styled_1.default.div ``;
exports.WeekInnerWrapper = styled_1.default.div `
	display: grid;
	grid-template-columns: repeat(${index_util_1.NUMBER_OF_WEEK_DAYS}, minmax(${MIN_DATE_OF_MONTH_SIZE}px, 1fr));

	border-radius: 10px;

	/* 넘친 rangeBackground 영역 가리기 */
	overflow: hidden;
`;
