@tolokoban/ui
Version:
React components with theme
10 lines • 1.37 kB
JavaScript
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import { Theme } from "../../theme/index.js";
import Styles from "./Touchable.module.css";
const $ = Theme.classNames;
export function ViewTouchable({ className, children, tag, style, tooltip, onClick, }) {
if (!onClick)
return _jsx(_Fragment, { children: children });
return (_jsx("div", { className: $.join(className, Styles.Touchable), title: tooltip, onClick: () => onClick(tag), style: style, children: children }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG91Y2hhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvVG91Y2hhYmxlL1RvdWNoYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUc1QyxPQUFPLE1BQU0sTUFBTSx3QkFBd0IsQ0FBQTtBQUUzQyxNQUFNLENBQUMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFBO0FBbUIxQixNQUFNLFVBQVUsYUFBYSxDQUFJLEVBQzdCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsR0FBRyxFQUNILEtBQUssRUFDTCxPQUFPLEVBQ1AsT0FBTyxHQUNhO0lBQ3BCLElBQUksQ0FBQyxPQUFPO1FBQUUsT0FBTyw0QkFBRyxRQUFRLEdBQUksQ0FBQTtJQUVwQyxPQUFPLENBQ0gsY0FDSSxTQUFTLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUM5QyxLQUFLLEVBQUUsT0FBTyxFQUNkLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQzNCLEtBQUssRUFBRSxLQUFLLFlBRVgsUUFBUSxHQUNQLENBQ1QsQ0FBQTtBQUNMLENBQUMifQ==