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>
  )
}

