@tolokoban/ui
Version:
React components with theme
10 lines • 2.41 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Theme, classnameCommon, styleCommon, } from "../../theme/index.js";
import { styleChild } from "../../theme/styles/child.js";
import { stylePosition } from "../../theme/styles/position.js";
import Styles from "./Switch.module.css";
export function ViewSwitch(props) {
const style = Object.assign(Object.assign(Object.assign({}, stylePosition(props)), styleChild(props)), styleCommon(props));
return (_jsxs("button", { className: Theme.classNames.join(props.className, Styles.ViewSwitch, props.value && Styles.ok, classnameCommon(props)), type: "button", disabled: props.enabled === false ? true : undefined, style: style, onClick: () => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.value); }, children: [_jsxs("div", { className: Styles.pin, children: [_jsx("div", { className: Styles.bar, children: " " }), _jsx("div", { className: Styles.btn, children: " " })] }), props.children] }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFFSCxLQUFLLEVBQ0wsZUFBZSxFQUNmLFdBQVcsR0FDZCxNQUFNLG1CQUFtQixDQUFBO0FBQzFCLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDdEUsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUcvRSxPQUFPLE1BQU0sTUFBTSxxQkFBcUIsQ0FBQTtBQVl4QyxNQUFNLFVBQVUsVUFBVSxDQUFDLEtBQXNCO0lBQzdDLE1BQU0sS0FBSyxpREFDSixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUN4QixDQUFBO0lBQ0QsT0FBTyxDQUNILGtCQUNJLFNBQVMsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLElBQUksQ0FDNUIsS0FBSyxDQUFDLFNBQVMsRUFDZixNQUFNLENBQUMsVUFBVSxFQUNqQixLQUFLLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxFQUFFLEVBQ3hCLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FDekIsRUFDRCxJQUFJLEVBQUMsUUFBUSxFQUNiLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3BELEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLEdBQUcsRUFBRSxXQUFDLE9BQUEsTUFBQSxLQUFLLENBQUMsUUFBUSxzREFBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQSxFQUFBLGFBRTdDLGVBQUssU0FBUyxFQUFFLE1BQU0sQ0FBQyxHQUFHLGFBQ3RCLGNBQUssU0FBUyxFQUFFLE1BQU0sQ0FBQyxHQUFHLGtCQUFTLEVBQ25DLGNBQUssU0FBUyxFQUFFLE1BQU0sQ0FBQyxHQUFHLGtCQUFTLElBQ2pDLEVBQ0wsS0FBSyxDQUFDLFFBQVEsSUFDVixDQUNaLENBQUE7QUFDTCxDQUFDIn0=