"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 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