"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconBadgeWrapper = exports.AbsoluteWrapper = exports.className = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const react_1 = require("@emotion/react");
exports.className = {
    absoluteWrapper: 'absolute-wrapper',
};
exports.AbsoluteWrapper = styled_1.default.div `
	position: absolute;
`;
const IconSize = 25; // TODO: constant 로 import 하기
exports.IconBadgeWrapper = styled_1.default.div `
	position: relative;
	width: ${IconSize}px;
	height: ${IconSize}px;

	${({ type }) => {
    switch (type) {
        case 'dot':
            return (0, react_1.css) `
					.${exports.className.absoluteWrapper} {
						left: 20px;
						bottom: 21px;
					}
				`;
        case 'new-short':
        case 'new-long':
        case 'number':
            return (0, react_1.css) `
					.${exports.className.absoluteWrapper} {
						left: 13px;
						bottom: 13px;
					}
				`;
    }
}}
`;
