import React from "react";

export default function DashboardTab({ customersCount, ordersCount, productsCount }) {
  return (
    <section className="card">
      <h3>Dashboard</h3>
      <div className="grid">
        <div className="metric">
          <strong>{customersCount}</strong>
          <span>Customers</span>
        </div>
        <div className="metric">
          <strong>{ordersCount}</strong>
          <span>Orders</span>
        </div>
        <div className="metric">
          <strong>{productsCount}</strong>
          <span>Products</span>
        </div>
      </div>
    </section>
  );
}

