"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DashboardCard = DashboardCard;
exports.DashboardCardIcon = DashboardCardIcon;
exports.DashboardCardTitle = DashboardCardTitle;
exports.DashboardCardContent = DashboardCardContent;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../../lib/utils");
function DashboardCard({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('bg-card relative flex flex-col rounded-lg p-6 pt-4', className), ...props }));
}
function DashboardCardIcon({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-muted-foreground absolute top-4 right-6 flex size-6 items-center justify-center [&>svg]:size-6', className), ...props }));
}
function DashboardCardTitle({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("h2", { className: (0, utils_1.cn)('text-muted-foreground mb-4 text-sm font-medium uppercase', className), ...props }));
}
function DashboardCardContent({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)('text-muted-foreground text-[32px] font-extrabold', className), ...props }));
}
