"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CircleSkeleton = exports.RecSkeleton = exports.TextSkeleton = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const Colors_1 = require("../../../core/Colors");
const SKELETON_COLOR = Colors_1.basicColors.gray50;
exports.TextSkeleton = styled_1.default.div `
	height: ${(props) => props.height || 15}px;
	width: ${(props) => props.width || 200}px;
	background-color: ${SKELETON_COLOR};
	border-radius: 10px;
`;
exports.RecSkeleton = styled_1.default.div `
	height: ${(props) => props.height || 50}px;
	width: 100%;
	background-color: ${SKELETON_COLOR};
	border-radius: 10px;
`;
exports.CircleSkeleton = styled_1.default.div `
	height: ${(props) => (props.radius && props.radius * 2) || 50}px;
	width: ${(props) => (props.radius && props.radius * 2) || 50}px;
	background-color: ${SKELETON_COLOR};
	border-radius: 50%;
`;
