"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const utils_1 = require("../../utils");
const TextStyles_1 = require("../../core/TextStyles");
exports.Wrapper = styled_1.default.div `
	${({ type, colorType }) => (0, TextStyles_1.title4)({ color: (0, utils_1.tagColorStyle)({ type, colorType }).textColor })};
	background-color: ${({ type, colorType }) => (0, utils_1.tagColorStyle)({ type, colorType }).backgroundColor};

	box-sizing: border-box;
	width: max-content;
	padding: 3px 8px;
	border-radius: 30px;
	align-items: center;
	justify-content: center;
	display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};
`;
