"use strict";

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

const tslib_1 = require("tslib");

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

const Empty_1 = require("@skava/ui/dist/components/atoms/Empty");

const Placeholder_1 = require("@skava/ui/dist/components/atoms/Placeholder");

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

function defaultRenderProduct(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledRectanglePlaceholder, {
    height: 250
  }), react_1.default.createElement(styled_1.ProductDetailsPlaceholder, {
    width: 220,
    height: 26
  }), react_1.default.createElement(styled_1.ProductDetailsPlaceholder, {
    width: 150,
    height: 18
  }), react_1.default.createElement(styled_1.ProductDetailsPlaceholder, {
    width: 50,
    height: 14
  }), react_1.default.createElement(styled_1.ProductDetailsPlaceholder, {
    width: 70,
    height: 16
  }));
}

exports.defaultRenderProduct = defaultRenderProduct;

function defaultRenderOptions(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.ProductOptionsWrapper, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 150,
    height: 16
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 30,
    height: 30
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 30,
    height: 30
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 30,
    height: 30
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 30,
    height: 30
  })), react_1.default.createElement(styled_1.ProductOptionsWrapper, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 150,
    height: 16
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 48,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 48,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 48,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 48,
    height: 48
  })), react_1.default.createElement(styled_1.ProductOptionsWrapper, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 150,
    height: 16
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 70,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 70,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 70,
    height: 48
  }), react_1.default.createElement(styled_1.StyledColorPlaceholder, {
    width: 70,
    height: 48
  })));
}

exports.defaultRenderOptions = defaultRenderOptions;

function defaultRenderDescription(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 150,
    height: 16
  }), react_1.default.createElement(Placeholder_1.ParagraphPlaceholder, {
    itemHeight: 10,
    lineSpacing: 10,
    rows: 4
  }));
}

exports.defaultRenderDescription = defaultRenderDescription;

function defaultRenderRating(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 110,
    height: 16
  }), react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    className: "rating",
    width: 150,
    height: 40
  }), react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 150,
    height: 16
  }));
}

exports.defaultRenderRating = defaultRenderRating;

function defaultRenderQuantity(props) {
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledTextPlaceholder, {
    width: 110,
    height: 16
  }), react_1.default.createElement(Placeholder_1.RectanglePlaceholder, {
    className: "drop-down",
    width: 150,
    height: 40
  }));
}

exports.defaultRenderQuantity = defaultRenderQuantity;

function defaultRenderButton(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: 200,
    height: 44
  });
}

exports.defaultRenderButton = defaultRenderButton;

function defaultRenderBox(props) {
  const {
    renderProduct,
    renderOptions,
    renderDescription,
    renderQuantity,
    renderButton,
    renderRating
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderProduct", "renderOptions", "renderDescription", "renderQuantity", "renderButton", "renderRating"]);

  const productView = renderProduct(remainingProps);
  const optionsView = renderOptions(remainingProps);
  const descriptionView = renderDescription(remainingProps);
  const quantityView = renderQuantity(remainingProps);
  const ratingView = renderRating(remainingProps);
  const buttonView = renderButton(remainingProps);
  return react_1.default.createElement(styled_1.ProductItemContainer, null, react_1.default.createElement(styled_1.ProductSection, null, productView), react_1.default.createElement(styled_1.ProductOptions, null, optionsView), react_1.default.createElement(styled_1.Description, null, descriptionView), react_1.default.createElement(styled_1.Rating, null, ratingView), quantityView ? react_1.default.createElement(styled_1.Quantity, null, quantityView) : react_1.default.createElement(Empty_1.Empty, null), react_1.default.createElement(styled_1.Button, null, buttonView));
}

exports.defaultRenderBox = defaultRenderBox;

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

exports.defaultRenderWrapper = defaultRenderWrapper;