"use client";

import type { Metric } from "@/types/dashboard";

type MetricCardProps = {
  metric: Metric;
};

export function MetricCard({ metric }: MetricCardProps) {
  return (
    <article className="ops-metric">
      <p className="ops-overline">{metric.label}</p>
      <p className="mt-4 text-[22px] font-semibold tracking-tight text-ink">{metric.value}</p>
      <p className="mt-2 text-[13px] text-moss">{metric.delta}</p>
    </article>
  );
}
