@open-tender/ui
Version:
A component library for use with the Open Tender web app
14 lines (13 loc) • 1.06 kB
JavaScript
import React from 'react';
import { makeImageProps, makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const CategoryNavItem = ({ config, handlers, title, imageUrl, apiUrl, displayImage = false }) => {
const imageProps = makeImageProps(config, 'categoryNavItem__image', imageUrl, apiUrl);
return (React.createElement(View, Object.assign({}, makeProps(config, 'categoryNavItem')), displayImage ? (React.createElement(Button, Object.assign({}, makeProps(config, 'categoryNavItem__button'), { onClick: handlers.browse }),
React.createElement(View, Object.assign({}, imageProps)),
React.createElement(View, Object.assign({}, makeProps(config, 'categoryNavItem__content')),
React.createElement(Text, Object.assign({}, makeProps(config, 'categoryNavItem__title'), { text: title }))))) : (React.createElement(Button, Object.assign({}, makeProps(config, 'categoryNavItem__button'), { onClick: handlers.browse, text: title })))));
};
export default CategoryNavItem;