import { Card, CardContent, CardHeader } from "@/components/ui/card"
import Image from "next/image"

export function Podcast() {
  return (
    <Card>
      <CardHeader>
        <div className="text-sm font-medium text-red-500">PODCAST</div>
        <div className="text-lg font-bold">DU JOUR</div>
      </CardHeader>
      <CardContent className="space-y-4">
        <div className="flex space-x-4">
          <Image
            src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/7-1-1%20Calendar%20-%20monthwew-cE0LJkqgUVPz4mpTeZ9Ldk4GbXd9Ck.png"
            alt="Podcast cover"
            width={80}
            height={80}
            className="rounded-lg"
          />
          <div className="space-y-1">
            <h3 className="font-medium">Raphaël Glucksmann, Député Européen et Essayiste</h3>
            <p className="text-sm text-gray-500">Une vie au service de l'engagement</p>
            <p className="text-xs text-gray-400">InPower par Louise Aubery</p>
          </div>
        </div>
      </CardContent>
    </Card>
  )
}