UNPKG

@open-tender/ui

Version:

A component library for use with the Open Tender web app

14 lines (13 loc) 674 B
import React from 'react'; import { makeProps } from '../utils'; import Image from './Image'; import Text from './Text'; import View from './View'; const Tag = ({ config, tag }) => { const { name, small_image_url, app_image_url, large_image_url } = tag; const imageUrl = small_image_url || app_image_url || large_image_url; return (React.createElement(View, Object.assign({}, makeProps(config, 'tag')), imageUrl && (React.createElement(Image, Object.assign({}, makeProps(config, 'tag__image'), { src: imageUrl, alt: name }))), React.createElement(Text, Object.assign({}, makeProps(config, 'tag__name'), { text: name })))); }; export default Tag;