"use strict";

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

const tslib_1 = require("tslib");

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

const Placeholder_1 = require("../../../atoms/Placeholder");

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

function defaultRenderTitle(props) {
  return react_1.default.createElement(styled_1.StyledProductInfo, {
    width: 500
  });
}

exports.defaultRenderTitle = defaultRenderTitle;

function defaultRenderSkuId(props) {
  return react_1.default.createElement(styled_1.StyledProductInfo, {
    width: 250
  });
}

exports.defaultRenderSkuId = defaultRenderSkuId;

function defaultRenderPrice(props) {
  return react_1.default.createElement(styled_1.ProductPrice, {
    width: 100,
    height: 28
  });
}

exports.defaultRenderPrice = defaultRenderPrice;

function defaultRenderProductDetails(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    width: 150,
    height: 22
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    width: 450,
    height: 28,
    rows: 3
  }));
}

exports.defaultRenderProductDetails = defaultRenderProductDetails;

function defaultRenderProductOptions(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    width: 150,
    height: 22
  }), react_1.default.createElement(styled_1.ProductOptions, null, react_1.default.createElement(styled_1.StyledRectangularPlaceholder, {
    width: 100,
    height: 50
  }), react_1.default.createElement(styled_1.StyledRectangularPlaceholder, {
    width: 100,
    height: 50
  }), react_1.default.createElement(styled_1.StyledRectangularPlaceholder, {
    width: 100,
    height: 50
  }), react_1.default.createElement(styled_1.StyledRectangularPlaceholder, {
    width: 100,
    height: 50
  })));
}

exports.defaultRenderProductOptions = defaultRenderProductOptions;

function defaultRenderProductQuantity(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    width: 150,
    height: 22
  }), react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    width: 100,
    height: 40
  }));
}

exports.defaultRenderProductQuantity = defaultRenderProductQuantity;

function defaultRenderFrequency(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledHeading, {
    width: 150,
    height: 22
  }), react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    width: 470,
    height: 32
  }));
}

exports.defaultRenderFrequency = defaultRenderFrequency;

function defaultRenderBox(props) {
  const {
    renderTitle,
    renderSkuId,
    renderPrice,
    renderProductDetails,
    renderProductOptions,
    renderProductQuantity,
    renderFrequency,
    renderSubscriptionEnds
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderTitle", "renderSkuId", "renderPrice", "renderProductDetails", "renderProductOptions", "renderProductQuantity", "renderFrequency", "renderSubscriptionEnds"]);

  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.ProductInformationWrapper, null, renderTitle(remainingProps), react_1.default.createElement(styled_1.ProductSkuIdWrapper, null, renderSkuId(remainingProps)), renderPrice(remainingProps)), react_1.default.createElement(styled_1.ProductDetailsWrapper, null, renderProductDetails(remainingProps)), react_1.default.createElement(styled_1.ProductOptionsWrapper, null, renderProductOptions(remainingProps)), react_1.default.createElement(styled_1.ProductQuantityWrapper, null, renderProductQuantity(remainingProps)), react_1.default.createElement(styled_1.FrequencyWrapper, null, renderFrequency(remainingProps)));
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    children,
    className
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className
  }, children);
}

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