mirror of
https://github.com/fosrl/pangolin.git
synced 2025-07-12 23:15:00 +02:00
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { cn } from "@app/lib/cn";
|
||
|
|
|
||
|
|
type ProfessionalContentOverlayProps = {
|
||
|
|
children: React.ReactNode;
|
||
|
|
isProfessional?: boolean;
|
||
|
|
};
|
||
|
|
|
||
|
|
export function ProfessionalContentOverlay({
|
||
|
|
children,
|
||
|
|
isProfessional = false
|
||
|
|
}: ProfessionalContentOverlayProps) {
|
||
|
|
return (
|
||
|
|
<div
|
||
|
|
className={cn(
|
||
|
|
"relative",
|
||
|
|
isProfessional && "opacity-60 pointer-events-none"
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
{isProfessional && (
|
||
|
|
<div className="absolute inset-0 flex items-center justify-center bg-background/80 z-50">
|
||
|
|
<div className="text-center p-6 bg-primary/10 rounded-lg">
|
||
|
|
<h3 className="text-lg font-semibold mb-2">
|
||
|
|
Professional Edition Required
|
||
|
|
</h3>
|
||
|
|
<p className="text-muted-foreground">
|
||
|
|
This feature is only available in the Professional
|
||
|
|
Edition.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|