import React from 'react';

export function PodcastEmptyPlaceholder() {
  return (
    <div className="flex items-center justify-center h-full p-8">
      <div className="text-center">
        <h3 className="text-xl font-bold">No episodes added</h3>
        <p className="mb-4 text-sm text-gray-500">
          You have not added any podcasts. Add one below.
        </p>
        <button className="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
          Add Podcast
        </button>
      </div>
    </div>
  );
}