"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AlterImageWrapper = exports.Container = exports.Wrapper = void 0;
const react_1 = require("@emotion/react");
const styled_1 = __importDefault(require("@emotion/styled"));
exports.Wrapper = styled_1.default.div `
	width: 100%;
`;
exports.Container = styled_1.default.div `
	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
	display: flex;

	${(p) => p.width &&
    (0, react_1.css) `
			width: ${p.width}px;
		`}
	${(p) => p.height &&
    (0, react_1.css) `
			height: ${p.height}px;
		`}
`;
// 대체 이미지
exports.AlterImageWrapper = styled_1.default.div `
	display: flex;
	justify-content: center;
	align-items: center;
`;
