import { StyledAddToCartButton } from '@skava/packages/pages/Product';
import { media } from '@skava/styleh-toolset';
import { styled } from 'styleh-components';
/* styled(Product) says - the page component will ready for ui-styling */
const StyledProduct = styled(Product) `
  /* css for entire page */
  background-color: white;
  /* css for only a particular component/dom in the page */
  ${StyledAddToCartButton} {
    color: blue;
    ${media.tabletOrSmaller `
       color: black;
    `};
  }
`;
import * as React from 'react';
export class ProductPage extends React.PureComponent {
    render() {
        return React.createElement(StyledProduct, null);
    }
}
//# sourceMappingURL=styling1.js.map