"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"); // rendering heading


function defaultRenderHeading(props) {
  return react_1.default.createElement(Placeholder_1.TextPlaceholder, {
    width: '75%'
  });
}

exports.defaultRenderHeading = defaultRenderHeading; // rendering the Description

function defaultRenderDescription(props) {
  return react_1.default.createElement(styled_1.StyledDescription, {
    rows: 2,
    itemHeight: 16,
    widthList: [95, 75]
  });
}

exports.defaultRenderDescription = defaultRenderDescription; // rendering the button

function defaultRenderButton(props) {
  return react_1.default.createElement(styled_1.StyledButton, {
    height: 50
  });
}

exports.defaultRenderButton = defaultRenderButton; // rendering the main wrapper

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