"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Swatch = void 0;
const react_1 = __importDefault(require("react"));
const varsUtilities_1 = require("../../varsUtilities");
const bg_1 = require("./bg");
const Swatch = ({ color: colorProp, size = 80, style, }) => {
    return (react_1.default.createElement("div", { style: {
            background: bg_1.transparent,
            width: size,
            height: size,
            borderRadius: 4,
            overflow: 'hidden',
            ...style,
        } },
        react_1.default.createElement("div", { style: {
                width: '100%',
                height: '100%',
                border: `1px solid ${(0, varsUtilities_1.color)('border', 'default')}`,
                borderRadius: 4,
                background: colorProp,
            } })));
};
exports.Swatch = Swatch;
//# sourceMappingURL=Swatch.js.map