@open-tender/ui
Version:
A component library for use with the Open Tender web app
18 lines (17 loc) • 1.15 kB
JavaScript
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;