"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconWrapper = exports.IconListWrapper = exports.Container = exports.Title = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const core_1 = require("../../../core");
exports.Title = styled_1.default.div `
	${({ fontColor }) => (0, core_1.headline3)({ color: fontColor })}
`;
exports.Container = styled_1.default.div `
	display: flex;
	justify-content: space-between;
	padding: 30px 20px 15px 25px;
	background-color: ${({ backgroundColor }) => backgroundColor};
`;
exports.IconListWrapper = styled_1.default.div `
	display: flex;
	align-items: center;
	gap: 15px;
`;
exports.IconWrapper = styled_1.default.div `
	cursor: pointer;
`;
