"use strict";

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

const tslib_1 = require("tslib");

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

const Overlay_1 = require("../../../atoms/Overlay");

const SidebarItem_1 = require("./SidebarItem");

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

function renderStyledSidebar(props, state) {
  return react_1.default.createElement(styled_1.StylehSidebarItem, Object.assign({}, props));
}

exports.renderStyledSidebar = renderStyledSidebar; // is responsibility of the group

function renderOverlay(props, state) {
  console.debug('[Sidebar] renderOverlay (default)'); // onClick = this.state.hideSidebar()

  const {
    handleToggle
  } = state; // || state?

  const {
    isVisible
  } = props;
  return react_1.default.createElement(Overlay_1.Overlay, {
    key: "o",
    onClose: handleToggle,
    isVisible: isVisible
  });
}

exports.renderOverlay = renderOverlay; // renderAnimation?

function renderSidebarItem(props, state) {
  console.debug('[Sidebar] renderSidebarItem (default)');
  const {
    className,
    isVisible,
    children
  } = props;
  const {
    handleToggle,
    identifier
  } = state; // @todo !!!
  // const renderOverlayProp = state.renderOverlay

  const overlayView = renderOverlay(props, state);
  return react_1.default.createElement(react_1.default.Fragment, null, overlayView, react_1.default.createElement(SidebarItem_1.SidebarItem, {
    id: identifier,
    className: className,
    isVisible: isVisible
  }, children));
}

exports.renderSidebarItem = renderSidebarItem; // move to renderProps?

function defaultSidebarRender(itemAsProps) {
  console.debug('[Sidebar] defaultSidebarRender');
  return react_1.default.createElement(SidebarItem_1.SidebarItem, Object.assign({}, itemAsProps));
}

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