itmar-block-packages/build/cjs/ToggleElement.js

Common React components for WordPress custom blocks, now fully TypeScript-ready.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');

/**
 * クリックで開閉状態を切り替えるラッパーコンポーネント
 */
function ToggleElement({ openFlg, onToggle, className = "", style, children, }) {
    const toggleOpen = () => {
        // onToggle が存在する場合のみ実行
        if (onToggle) {
            onToggle(!openFlg);
        }
    };
    return (jsxRuntime.jsx("div", { className: `${className} ${openFlg ? "open" : ""}`.trim(), style: style, onClick: toggleOpen, role: "button" // アクセシビリティへの配慮
        , tabIndex: 0, onKeyDown: (e) => {
            if (e.key === "Enter")
                toggleOpen();
        }, children: children }));
}

exports.default = ToggleElement;
//# sourceMappingURL=ToggleElement.js.map