"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Title = exports.IconWrapper = exports.ControllerWrapper = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const Colors_1 = require("../../../../core/Colors");
const TextStyles_1 = require("../../../../core/TextStyles");
exports.ControllerWrapper = styled_1.default.div `
	padding: 10px;
	border-radius: 10px;
	width: 100%;

	background-color: ${Colors_1.basicColors.gray25};

	display: flex;
	justify-content: center;
	gap: 15px;
`;
exports.IconWrapper = styled_1.default.div `
	cursor: pointer;
	:active {
		opacity: 50%;
	}

	display: flex;
	align-items: center;
`;
exports.Title = styled_1.default.div `
	${(0, TextStyles_1.headline4)()};
	color: ${Colors_1.basicColors.gray900};

	width: 110px;
	text-align: center;
	margin: auto 0;

	/* 드래그 막기 */
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
`;
