@guardian/threads
Version:
15 lines • 825 B
JavaScript
import React from 'react';
import { Button } from '../../Button/Button';
import styles from './WithExpander.module.css';
var DefaultHeader = function (_a) {
var onToggle = _a.onToggle, isOpen = _a.isOpen;
return (React.createElement("header", null,
React.createElement(Button, { onClick: function () { return onToggle(); } }, isOpen ? 'contract' : 'expand')));
};
export var WithExpander = function (_a) {
var isOpen = _a.isOpen, onToggle = _a.onToggle, children = _a.children, _b = _a.Header, Header = _b === void 0 ? DefaultHeader : _b;
return (React.createElement("div", null,
React.createElement(Header, { isOpen: isOpen, onToggle: onToggle }),
React.createElement("div", { className: isOpen ? styles.open : styles.closed }, children)));
};
//# sourceMappingURL=WithExpander.js.map