17 lines
626 B
TypeScript
17 lines
626 B
TypeScript
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>
|
|
);
|
|
}
|