@open-tender/ui
Version:
A component library for use with the Open Tender web app
19 lines (18 loc) • 1.31 kB
JavaScript
import { Minus, Plus } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const Quantity = ({ config, handlers, quantity, incrementDisabled = false, decrementDisabled = false, fontSize, iconSize, strokeWidth = 2, className = 'quantity' }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, className)),
React.createElement(Button, Object.assign({}, makeProps(config, `${className}__decrease`), { onClick: handlers.decrement, disabled: decrementDisabled }),
React.createElement(Minus, { width: iconSize, height: iconSize, strokeWidth: strokeWidth })),
React.createElement(View, Object.assign({}, makeProps(config, `${className}__countContainer`, {
minWidth: fontSize * 1.8
})),
React.createElement(Text, Object.assign({}, makeProps(config, `${className}__count`, { fontSize }), { text: `${quantity}` }))),
React.createElement(Button, Object.assign({}, makeProps(config, `${className}__increase`), { onClick: handlers.increment, disabled: incrementDisabled }),
React.createElement(Plus, { width: iconSize, height: iconSize, strokeWidth: strokeWidth }))));
};
export default Quantity;