UNPKG

@wix/design-system

Version:

@wix/design-system

15 lines 1.21 kB
import React from 'react'; import { st, classes } from './BadgeSelectItem.st.css.js'; import ListItemSelect from '../ListItemSelect'; const BadgeSelectItem = ({ dataHook, skin, text, subtitle, ellipsis, selected, highlighted, disabled, className, size, suffix, }) => { const prefix = React.createElement("div", { className: st(classes.marker, { skin }) }); return (React.createElement(ListItemSelect, { className: st(classes.root, className), title: text, ellipsis: ellipsis, dataHook: dataHook, prefix: prefix, selected: selected, highlighted: highlighted, disabled: disabled, subtitle: subtitle, size: size, suffix: suffix })); }; export default BadgeSelectItem; export const badgeSelectItemBuilder = ({ id, className, text, skin, subtitle, ellipsis, disabled, dataHook, size, suffix, }) => ({ id, disabled, overrideOptionStyle: true, value: ({ selected, hovered, disabled: optionDisabled }) => (React.createElement(BadgeSelectItem, { dataHook: dataHook, className: className, skin: skin, text: text, subtitle: subtitle, ellipsis: ellipsis, selected: selected, highlighted: hovered, disabled: optionDisabled, size: size, suffix: suffix })), }); //# sourceMappingURL=BadgeSelectItem.js.map