"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Label = exports.MenuItemWrapper = exports.Container = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const core_1 = require("../../../core");
exports.Container = styled_1.default.div `
	border-top: 1px solid ${core_1.basicColors.gray200};
	background-color: ${core_1.basicColors.white};

	display: grid;
	grid-template-columns: repeat(${({ count }) => count}, 1fr);
`;
exports.MenuItemWrapper = styled_1.default.div `
	padding: 5px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
`;
exports.Label = styled_1.default.div `
	/* TODO: caption style */

	padding-top: 5px;
	color: ${({ fontColor }) => fontColor};
`;
