@open-tender/ui
Version:
A component library for use with the Open Tender web app
21 lines (20 loc) • 1.96 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const iconoir_react_1 = require("iconoir-react");
const react_1 = tslib_1.__importStar(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const AccountSection = ({ config, handlers, children, hasMore, title, subtitle }) => {
const arrayChildren = react_1.Children.toArray(children);
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__header')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__title'), { text: title })),
subtitle && (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__subtitle'), { text: subtitle })))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__content')), react_1.Children.map(arrayChildren, child => (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__item')), child)))),
hasMore && (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__footer')),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'accountSection__button'), { onClick: handlers.view, icon: react_1.default.createElement(iconoir_react_1.ArrowRight, { width: 18, height: 18, strokeWidth: 1.5 }), iconDisplay: "after" }))))));
};
exports.default = AccountSection;