Card

1import { Card, CardContent } from "passport-ui";

1<Card>
2  <CardContent>
3    <div className="meta-container">
4      <h3>Card Title</h3>
5      <p>
6        This is the main content of the card. You can put any content here.
7      </p>
8    </div>
9  </CardContent>
10</Card>
11 
12{/* Example with progress */}
13<Card>
14  <CardContent>
15    <div className="meta-container">
16      <h3>Project Alpha</h3>
17      <p>A modern web application built with React and TypeScript.</p>
18    </div>
19    <div className="meta-container">
20      <div className="flex justify-between text-sm">
21        <span>Progress</span>
22        <span>75%</span>
23      </div>
24      <Progress value={75} />
25    </div>
26  </CardContent>
27</Card>