23 lines
763 B
TypeScript
23 lines
763 B
TypeScript
import { RefreshCw } from 'lucide-react'
|
|
import { Card, CardContent } from "@/components/ui/card"
|
|
|
|
export function QuoteCard() {
|
|
return (
|
|
<Card className="relative">
|
|
<CardContent className="p-6">
|
|
<blockquote className="space-y-2">
|
|
<p className="text-lg">
|
|
"To be a good artist / letterer / designer / guitar player, it takes practice. A lot of it. More than you can even
|
|
fathom when you're starting out."
|
|
</p>
|
|
<footer className="text-sm text-gray-500">Jessica Hische</footer>
|
|
</blockquote>
|
|
<button className="absolute bottom-4 right-4 p-1 hover:bg-gray-100 rounded-full">
|
|
<RefreshCw className="w-4 h-4" />
|
|
</button>
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|
|
|