UNPKG

@0xsequence/connect

Version:
15 lines 877 B
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.SelectedIndicator = void 0; const jsx_runtime_1 = require("react/jsx-runtime"); const design_system_1 = require("@0xsequence/design-system"); const SelectedIndicator = (props) => { const { selected } = props; const background = selected ? 'bg-white' : 'bg-transparent'; return ((0, jsx_runtime_1.jsx)("div", { className: `flex border-solid relative items-center justify-center shrink-0 rounded-full w-7 h-7 ${background}`, style: { borderWidth: '2px', borderColor: selected ? 'var(--seq-color-white)' : 'var(--seq-color-muted)' }, children: selected && (0, jsx_runtime_1.jsx)(design_system_1.CheckmarkIcon, { className: "text-black", size: "md" }) })); }; exports.SelectedIndicator = SelectedIndicator; //# sourceMappingURL=SelectedIndicator.js.map