@0xsequence/connect
Version:
Connect package for Sequence Web SDK
11 lines • 666 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { CheckmarkIcon } from '@0xsequence/design-system';
export const SelectedIndicator = (props) => {
const { selected } = props;
const background = selected ? 'bg-white' : 'bg-transparent';
return (_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 && _jsx(CheckmarkIcon, { className: "text-black", size: "md" }) }));
};
//# sourceMappingURL=SelectedIndicator.js.map