<Stack />

import React from "react"
import {Stack, Card, Typography, Badge, Button} from "attio/client"

export function MetricCard({onRefresh}: {onRefresh: () => void}) {
  return (
    <Card title="Open deals">
      <Stack gap="small">
        <Stack direction="row" gap="small" align="center">
          <Typography.Title>42</Typography.Title>
          <Badge color="green">+6 this week</Badge>
        </Stack>
        <Stack direction="row" justify="end">
          <Button label="Refresh" onClick={onRefresh} />
        </Stack>
      </Stack>
    </Card>
  )
}