import React from 'react';
import { NavLink } from 'react-router-dom';
export const SIDEBAR_CARD_CLASS = 'card mb-3';
export const SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS = 'list-group-item list-group-item-action py-2';
export const SIDEBAR_BUTTON_CLASS = 'btn btn-secondary d-block w-100 my-2';
/**
 * Item of `SideBarGroupItems`.
 */
export const SidebarNavItem = ({ children, to, exact, className = '', }) => (React.createElement(NavLink, { to: to, exact: exact, className: `${SIDEBAR_LIST_GROUP_ITEM_ACTION_CLASS} ${className}` }, children));
/**
 * Header of a `SideBarGroup`
 */
export const SidebarGroupHeader = ({ icon: Icon, label }) => (React.createElement("div", { className: "card-header" },
    Icon && React.createElement(Icon, { className: "icon-inline" }),
    " ",
    label));
/**
 * A box of items in the side bar. Use `SideBarGroupHeader` and `SideBarGroupItems` as children.
 */
export const SidebarGroup = ({ children }) => React.createElement("div", { className: SIDEBAR_CARD_CLASS }, children);
/**
 * Container for all `SideBarNavItem` in a `SideBarGroup`.
 */
export const SidebarGroupItems = ({ children }) => (React.createElement("div", { className: "list-group list-group-flush" }, children));
//# sourceMappingURL=Sidebar.js.map