@tolokoban/ui
Version:
React components with theme
24 lines • 2.45 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import "./combo-item-view.css";
export default function ComboItemView(props) {
const handleClick = () => {
var _a;
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, props.value);
};
return (_jsxs("button", { className: getClassNames(props), id: props.id, onClick: handleClick, children: [_jsx("div", { className: "body", children: props.children }), props.showButton && (_jsx("div", { className: "button theme-color-primary", children: _jsx("svg", { viewBox: "0 0 24 24", children: _jsx("path", { fill: "currentColor", d: "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" }) }) }))] }));
}
function getClassNames(props) {
const classNames = [
"custom",
"ui-view-combo-ComboItemView",
"theme-color-input",
];
if (typeof props.className === "string") {
classNames.push(props.className);
}
if (props.selected) {
classNames.push("selected");
}
return classNames.join(" ");
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tYm8taXRlbS12aWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3ZpZXcvQ29tYm8vY29tYm8taXRlbS9jb21iby1pdGVtLXZpZXcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLHVCQUF1QixDQUFBO0FBWTlCLE1BQU0sQ0FBQyxPQUFPLFVBQVUsYUFBYSxDQUFDLEtBQXlCO0lBQzNELE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRTs7UUFDckIsTUFBQSxLQUFLLENBQUMsT0FBTyxzREFBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxDQUFBO0lBQ0QsT0FBTyxDQUNILGtCQUNJLFNBQVMsRUFBRSxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQy9CLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUNaLE9BQU8sRUFBRSxXQUFXLGFBRXBCLGNBQUssU0FBUyxFQUFDLE1BQU0sWUFBRSxLQUFLLENBQUMsUUFBUSxHQUFPLEVBQzNDLEtBQUssQ0FBQyxVQUFVLElBQUksQ0FDakIsY0FBSyxTQUFTLEVBQUMsNEJBQTRCLFlBQ3ZDLGNBQUssT0FBTyxFQUFDLFdBQVcsWUFDcEIsZUFDSSxJQUFJLEVBQUMsY0FBYyxFQUNuQixDQUFDLEVBQUMsNERBQTRELEdBQ2hFLEdBQ0EsR0FDSixDQUNULElBQ0ksQ0FDWixDQUFBO0FBQ0wsQ0FBQztBQUVELFNBQVMsYUFBYSxDQUFDLEtBQXlCO0lBQzVDLE1BQU0sVUFBVSxHQUFHO1FBQ2YsUUFBUTtRQUNSLDZCQUE2QjtRQUM3QixtQkFBbUI7S0FDdEIsQ0FBQTtJQUNELElBQUksT0FBTyxLQUFLLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxDQUFDO1FBQ3RDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ3BDLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixVQUFVLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQy9CLENBQUM7SUFDRCxPQUFPLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUE7QUFDL0IsQ0FBQyJ9