"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonMargin = exports.TitleWrapper = exports.SubTitle = exports.className = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const Colors_1 = require("../../../core/Colors");
const Typography_1 = require("../../../core/Typography");
const index_styled_1 = require("../BaseBottomSheet/index.styled");
exports.className = {
    subTitle: 'title-bottom-sheet-sub-title',
};
exports.SubTitle = (0, styled_1.default)(Typography_1.Title3) `
	color: ${Colors_1.basicColors.gray400};
`;
exports.TitleWrapper = styled_1.default.div `
	padding: 25px ${({ contentPadding }) => `${contentPadding ? 0 : `${index_styled_1.ContentWrapperPadding}px`}`};

	.${exports.className.subTitle} {
		margin-top: 10px;
	}
`;
exports.ButtonMargin = styled_1.default.div `
	margin-top: 25px;
`;
