"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconWrapper = exports.LineLayer = exports.Layer = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
exports.Layer = styled_1.default.div `
	box-sizing: border-box;
	width: 21px;
	height: 21px;
	background-color: ${({ backgroundColor }) => backgroundColor};
	border-radius: 2px;
	position: relative;
	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
	border: 2px solid ${({ fillCheckboxBorder }) => fillCheckboxBorder};
`;
exports.LineLayer = styled_1.default.div `
	width: 21px;
	height: 21px;
	box-sizing: border-box;
	position: relative;
	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
`;
exports.IconWrapper = styled_1.default.div `
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
`;
