import * as React from 'react';
import { styled } from 'styleh-components';
import { ProductContextLite } from '@skava/packages/core/product';
import { StyledProductCaptionWrap, StyledProductImageGroup, StyledProductPrice, StyledProductWrap, StyledProductCaption, StyledProductNameWithLink, StyledProductPromotions, } from '@skava/packages/pages/ProductList';
const CustomProductDescription = styled.article `
  padding: 1rem;
  background-color: purple;
`;
class CustomProductTile extends React.PureComponent {
    render() {
        return (React.createElement(StyledProductWrap, null,
            React.createElement(StyledProductImageGroup, null),
            React.createElement(StyledProductCaption, null,
                React.createElement(StyledProductNameWithLink, null),
                React.createElement(CustomProductDescription, null, this.context.description),
                React.createElement(StyledProductPrice, null),
                React.createElement(StyledProductPromotions, null))));
    }
}
CustomProductTile.contextType = ProductContextLite;
function renderProduct(product, index) {
    return React.createElement(ProductBlockLite, { product: product, index: index });
}
export default class CustomProductList extends React.PureComponent {
    render() {
        return React.createElement(ProductList, { renderProduct: renderProduct });
    }
}
//# sourceMappingURL=CustomProductPage.js.map