@wix/design-system
Version:
@wix/design-system
15 lines • 1.21 kB
JavaScript
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