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

A component library for use with the Open Tender web app

import React from 'react';
import { makeProps } from '../utils';
import Image from './Image';
import Text from './Text';
import View from './View';
const Allergen = ({ config, allergen }) => {
    const { name, small_image_url, app_image_url, large_image_url } = allergen;
    const imageUrl = small_image_url || app_image_url || large_image_url;
    return (React.createElement(View, Object.assign({}, makeProps(config, 'allergen')),
        imageUrl && (React.createElement(Image, Object.assign({}, makeProps(config, 'allergen__image'), { src: imageUrl, alt: name }))),
        React.createElement(Text, Object.assign({}, makeProps(config, 'allergen__name'), { text: name }))));
};
export default Allergen;