import * as React from 'react';
import { LinkOrSpan } from './LinkOrSpan';
/**
 * A card that displays a large single value.
 */
export const SingleValueCard = ({ title, value, subTitle, link, className, valueClassName, valueTooltip, subText }) => (React.createElement("div", { className: `card m-2 single-value-card ${className || ''}` },
    React.createElement("div", { className: "card-body text-center" },
        React.createElement("h4", { className: "card-title mb-0" }, title),
        React.createElement("small", { className: "card-text" }, subTitle || ''),
        React.createElement("p", { "data-tooltip": valueTooltip, className: `card-text font-weight-bold text-nowrap single-value-card__value ${valueClassName || ''}` },
            React.createElement(LinkOrSpan, { to: link }, value)),
        subText && React.createElement("small", null, subText))));
//# sourceMappingURL=SingleValueCard.js.map