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

export function Podcast() {
  return (
    <Card className='transition-transform duration-500 ease-in-out transform hover:scale-105'>
      <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>
  );
}
