@workday/canvas-kit-react/dist/commonjs/checkbox/lib/CheckboxContainer.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CheckboxContainer = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const text_1 = require("@workday/canvas-kit-react/text");
const checkboxContainerStencil = (0, canvas_kit_styling_1.createStencil)({
    base: { name: "3p5tvl", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-space-x6);position:relative;&>div{display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);min-width:calc(var(--cnvs-sys-space-x4) + 0.125rem);margin-top:0.1875rem;align-self:flex-start;}& > label{padding-inline-start:var(--cnvs-sys-space-x3);}" }
}, "checkbox-container-a7381d");
exports.CheckboxContainer = (0, common_1.createComponent)('div')({
    displayName: 'CheckboxContainer',
    Component: ({ children, disabled, id, label, variant }) => {
        return ((0, jsx_runtime_1.jsxs)("div", { ...checkboxContainerStencil(), children: [(0, jsx_runtime_1.jsx)("div", { children: children }), label && ((0, jsx_runtime_1.jsx)(text_1.LabelText, { htmlFor: id, disabled: disabled, variant: variant, style: { cursor: disabled ? 'default' : 'pointer' }, children: label }))] }));
    },
});