import React from 'react'
import Head from 'next/head'
import {GetStaticProps} from 'next'
import {SimpleLayout} from '@/components/SimpleLayout'
import {Card} from '@/components/Card'
import {numberFormat} from '@/lib/numberFormat'
import {getDashboardData} from '@/lib/dashboard'
import type {CardGroupProps} from '@/types'
export default function Dashboard({cardGroups}: { cardGroups: CardGroupProps }) {
return (
<>
Dashboard - Ryan Freeman
{cardGroups.map(({groupName, groupItems}, index) => (
{groupName}
{groupItems.map((card) => (
{card.title}
{typeof card.metric === "number" ? numberFormat(card.metric) : card.metric}
))}
))}
)
}
export const getStaticProps: GetStaticProps = async () => {
return {
props: {
cardGroups: await getDashboardData()
}
}
}