UNPKG

@open-tender/ui

Version:

A component library for use with the Open Tender web app

18 lines (17 loc) 1.15 kB
import { ShoppingBag } from 'iconoir-react'; import React from 'react'; import { makeProps } from '../utils'; import Button from './Button'; import Text from './Text'; import View from './View'; const CartButton = ({ config, handlers, cartTotal, count }) => { const disabled = count === 0; return (React.createElement(View, Object.assign({}, makeProps(config, 'cartButton')), React.createElement(Button, Object.assign({}, makeProps(config, disabled ? 'cartButton__buttonDisabled' : 'cartButton__button'), { onClick: handlers.toggleCart, disabled: disabled }), React.createElement(View, Object.assign({}, makeProps(config, 'cartButton__buttonLabel')), React.createElement(View, Object.assign({}, makeProps(config, 'cartButton__buttonIcon')), React.createElement(ShoppingBag, { width: 36, height: 36, strokeWidth: 2 })), React.createElement(Text, Object.assign({}, makeProps(config, 'cartButton__buttonText')))), React.createElement(Text, Object.assign({}, makeProps(config, 'cartButton__buttonTotal'), { text: cartTotal }))))); }; export default CartButton;