import * as React from 'react';
import { Link } from 'react-router-dom';
/**
 * A container for multiple OverviewItem components.
 */
export const OverviewList = ({ children }) => (React.createElement("ul", { className: "overview-list" }, children));
/**
 * A row item used for an overview page, with an icon, linked elements, and right-hand actions.
 */
export const OverviewItem = ({ link, children, actions, icon: Icon }) => {
    let e = (React.createElement(React.Fragment, null,
        Icon && React.createElement(Icon, { className: "icon-inline overview-item__header-icon" }),
        children));
    if (link !== undefined) {
        e = (React.createElement(Link, { to: link, className: "overview-item__header-link" }, e));
    }
    return (React.createElement("div", { className: "overview-item" },
        React.createElement("div", { className: "overview-item__header" }, e),
        actions && React.createElement("div", { className: "overview-item__actions" }, actions)));
};
//# sourceMappingURL=Overview.js.map