@rocketsofawesome/mirage/src/modules/productTile/productTile.js

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

import styled from 'styled-components'
import { Label, ROASlider, QuickAdd } from 'SRC'
import BaseProductTile from './productTile.base'

const ProductTile = styled(BaseProductTile)`
  display: flex;
  flex-wrap: wrap;
  ${QuickAdd} {
    max-width: 100%;
    display: flex;
    flex: 1 1 100%;
  }
  ${ROASlider} .roa-slider {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    flex: 1 1 100%;
  }
  ${Label} {
    flex: 1 1 100%;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
  }
`

/** @component */
export default ProductTile