x
This commit is contained in:
1 parent
f7ac94ca0d
commit
335f3b4f59
41 files changed
+809
-413
No files matched your search
@@ -17,18 +17,18 @@ export default function EmptyState({
|
||||
actionClick
|
||||
}: EmptyStateProps) {
|
||||
const ButtonContent = () => (
|
||||
<span className="inline-block mt-6 px-8 py-3 bg-spa-forest text-spa-light rounded-xl text-sm font-bold uppercase tracking-widest hover:bg-spa-stone hover:shadow-lg transition-all cursor-pointer">
|
||||
<span className="inline-block mt-6 px-8 py-3 bg-pop-black text-pop-bg rounded-xl text-sm font-bold uppercase tracking-widest hover:bg-pop-pink hover:text-pop-bg hover:shadow-lg transition-all cursor-pointer">
|
||||
{actionText}
|
||||
</span>
|
||||
)
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center space-y-4 text-center p-12 bg-spa-light border border-spa-stone/10 rounded-2xl shadow-sm max-w-lg mx-auto my-8">
|
||||
<div className="w-16 h-16 bg-spa-sage/30 rounded-full flex items-center justify-center mb-2">
|
||||
<PackageOpen className="w-8 h-8 text-spa-forest" />
|
||||
<div className="flex flex-col items-center justify-center space-y-4 text-center p-12 bg-pop-bg border border-pop-black/10 rounded-2xl shadow-sm max-w-lg mx-auto my-8">
|
||||
<div className="w-16 h-16 bg-pop-black/5 rounded-full flex items-center justify-center mb-2">
|
||||
<PackageOpen className="w-8 h-8 text-pop-black" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold text-pop-black">{title}</h3>
|
||||
<p className="text-spa-stone">{message}</p>
|
||||
<p className="text-pop-black/70">{message}</p>
|
||||
|
||||
{actionClick ? (
|
||||
<div onClick={actionClick}><ButtonContent /></div>
|
||||
|
||||
Reference in new issue
Block a user