"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TitleRightItem = exports.DashItem = exports.TitleLeftItem = exports.NavBottomSheetTitleWrapper = exports.ModalContentWrapper = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const react_1 = require("@emotion/react");
const Colors_1 = require("../../../core/Colors");
const TextStyles_1 = require("../../../core/TextStyles");
exports.ModalContentWrapper = styled_1.default.div `
	width: 100%;
	display: flex;
	justify-content: center;
`;
exports.NavBottomSheetTitleWrapper = styled_1.default.div `
	display: flex;
	justify-content: center;
	padding: 15px 0;
`;
const textStyle = (0, react_1.css) `
	${(0, TextStyles_1.headline5)()}
	color: ${Colors_1.basicColors.gray900};
`;
const TITLE_ITEM_WIDTH = 300;
exports.TitleLeftItem = styled_1.default.div `
	${textStyle}

	width: ${TITLE_ITEM_WIDTH}px;
	text-align: right;
`;
exports.DashItem = styled_1.default.div `
	${textStyle}

	margin-left: 3px;
	margin-right: 3px;
`;
exports.TitleRightItem = styled_1.default.div `
	${textStyle}

	width: ${TITLE_ITEM_WIDTH}px;
	text-align: left;
`;
