@open-tender/ui/dist/esm/components/MenuCategory.js

A component library for use with the Open Tender web app

import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const MenuCategory = ({ config, handlers, category, imageUrl, showSubtitle = true }) => {
    const { name, description } = category;
    const style = imageUrl ? { backgroundImage: `url(${imageUrl})` } : {};
    const imageProps = makeProps(config, 'menuCategory__image', style);
    return (React.createElement(View, Object.assign({}, makeProps(config, 'menuCategory')),
        React.createElement(Button, Object.assign({}, makeProps(config, 'menuCategory__button'), { onClick: handlers.browse }),
            React.createElement(View, Object.assign({}, imageProps)),
            React.createElement(View, Object.assign({}, makeProps(config, 'menuCategory__content')),
                React.createElement(Text, Object.assign({}, makeProps(config, 'menuCategory__title'), { text: name })),
                showSubtitle && description && (React.createElement(Text, Object.assign({}, makeProps(config, 'menuCategory__subtitle'), { text: description })))))));
};
export default MenuCategory;