@rocketsofawesome/mirage/src/components/productTile/quickAdd/quickAddSize.base.js

[Live Demo of the Pattern Library](https://rocketsofawesome.github.io/mirage/)

import React from 'react'
import PropTypes from 'prop-types'

const OS_FULL_TEXT = 'One Size'

const QuickAddSize = ({
  checked = false,
  children,
  className,
  id,
  input = {},
  quickAdd
}) => {
  let label = ''
  if (children === 'OS') {
    label = OS_FULL_TEXT
  } else {
    label = children
  }
  return (
    <div className={className}>
      <input
      id={input.name}
      type='button'
      {...input}
       />
      <label
        htmlFor={input.name}>
        {label}
      </label>
    </div>
  )
}

QuickAddSize.propTypes = {
  checked: PropTypes.bool,
  children: PropTypes.string,
  className: PropTypes.string,
  id: PropTypes.string,
  input: PropTypes.object
}

export default QuickAddSize