import ConsoleIcon from 'mdi-react/ConsoleIcon';
import * as React from 'react';
import { Link, NavLink } from 'react-router-dom';
import { SIDEBAR_BUTTON_CLASS, SIDEBAR_CARD_CLASS, SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS, } from '../../components/Sidebar';
/**
 * Sidebar for repository settings pages.
 */
export const RepoSettingsSidebar = (props) => props.repo ? (React.createElement("div", { className: `repo-settings-sidebar ${props.className || ''}` },
    React.createElement("div", { className: SIDEBAR_CARD_CLASS },
        React.createElement("div", { className: "card-header" }, "Settings"),
        React.createElement("div", { className: "list-group list-group-flush" },
            React.createElement(NavLink, { to: `/${props.repo.name}/-/settings`, exact: true, className: SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS }, "Options"),
            React.createElement(NavLink, { to: `/${props.repo.name}/-/settings/index`, exact: true, className: SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS }, "Indexing"),
            React.createElement(NavLink, { to: `/${props.repo.name}/-/settings/mirror`, exact: true, className: SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS }, "Mirroring"))),
    React.createElement(Link, { to: "/api/console", className: SIDEBAR_BUTTON_CLASS },
        React.createElement(ConsoleIcon, { className: "icon-inline" }),
        "API console"))) : (React.createElement("div", { className: `repo-settings-sidebar ${props.className || ''}` }));
//# sourceMappingURL=RepoSettingsSidebar.js.map