"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const styled_1 = require("./styled");

function defaultRenderPrice(props) {
  return react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 70,
    height: 12
  });
}

exports.defaultRenderPrice = defaultRenderPrice;

function defaultRenderSkuId(props) {
  return react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 110,
    height: 12
  });
}

exports.defaultRenderSkuId = defaultRenderSkuId;

function defaultRenderDescription(props) {
  return react_1.default.createElement(styled_1.Paragraph, {
    widthList: [80, 66],
    rows: 2,
    lineSpacing: 8,
    itemHeight: 10
  });
}

exports.defaultRenderDescription = defaultRenderDescription;

function defaultRenderTitle(props) {
  return react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 60,
    height: 15
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderImage(props) {
  return react_1.default.createElement(styled_1.Image, {
    width: '100%',
    height: 150
  });
}

exports.defaultRenderImage = defaultRenderImage;

function defaultRenderBox(props) {
  const {
    renderPrice,
    renderSkuId,
    renderDescription,
    renderTitle,
    renderImage
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderPrice", "renderSkuId", "renderDescription", "renderTitle", "renderImage"]);

  const price = renderPrice(remainingProps);
  const skuId = renderSkuId(remainingProps);
  const description = renderDescription(remainingProps);
  const title = renderTitle(remainingProps);
  const image = renderImage(remainingProps);
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.ImageSection, null, image), react_1.default.createElement(styled_1.DetailSection, null, title, skuId, description, price));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    className,
    children
  } = props;
  const passthroughProps = Object.freeze({
    className,
    'data-qa': props['data-qa']
  });
  return react_1.default.createElement(styled_1.Wrapper, Object.assign({}, passthroughProps), children);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map