1// App that imports components -- anti-patterns are in the imported files
 2import React from 'react';
 3import { Card } from './Card';
 4import './styles.css';
 5
 6export function App() {
 7  return (
 8    <main className="p-8">
 9      <h1 className="text-3xl font-bold">Dashboard</h1>
10      <Card title="Revenue" value="$12,345" />
11      <Card title="Users" value="1,234" />
12    </main>
13  );
14}