"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const Empty_1 = __importDefault(require("atoms/Empty"));
const ArrowIcon_1 = require("atoms/Icons/ArrowIcon");
const styled_1 = require("./styled");
/**
 * render arrow
 */
function renderIconItem(props) {
    return react_1.default.createElement(ArrowIcon_1.ArrowIcon, { down: true });
}
/**
 * render button
 */
function defaultRenderActionButton(props) {
    return (react_1.default.createElement(styled_1.StyledButton, { breedType: "icon-with-text", iconAlignType: "suffix", text: " ", renderIcon: renderIconItem, onClick: props.state.handleToggle, desktopLabel: 'Order Details', mobileLabel: 'Details' }));
}
exports.defaultRenderActionButton = defaultRenderActionButton;
/**
 * rendering the empty component
 */
function renderEmpty() {
    return react_1.default.createElement(Empty_1.default, null);
}
/**
 * used to render the content
 */
function defaultRenderOrderStatus(props) {
    const { orderStatusData } = props;
    return (react_1.default.createElement(styled_1.StyledDetailedList, { list: orderStatusData, renderDetailedListHeading: renderEmpty }));
}
exports.defaultRenderOrderStatus = defaultRenderOrderStatus;
//# sourceMappingURL=renderProps.js.map