import React, { useContext, useState } from "react";
import { Props } from "v-eris";
import { BuildContext } from "../../components/Build/build";
import "./sidebar.scss";
export var Sidebar = function (props) {
    var build = useContext(BuildContext);
    var _a = useState({}), state = _a[0], setState = _a[1];
    var settings = build.settings;
    var hidden = props.hidden === undefined ? !settings.getSecureValue("General::SideBar::SideBarExpand") : props.hidden;
    return (React.createElement("div", { className: Props.className("eris-sidebar", { active: props.active && !props.hidden, hasSearch: props.hasSearch, hidden: hidden }) },
        React.createElement("div", { className: Props.className("eris-sidebar-toggle", { static: props.hasSearch, active: props.active }), onClick: (props.onClick || (function () { })) }),
        React.createElement("div", { className: "eris-sidebar-content" }, props.children)));
};
//# sourceMappingURL=sidebar.js.map