Openstatus
www.openstatus.dev
1import { cn } from "@/lib/utils";
2
3export default function DevModeContainer({
4 children,
5 className,
6}: {
7 children: React.ReactNode;
8 className?: string;
9}) {
10 return (
11 <div
12 className={cn(
13 "-m-2 relative rounded-lg border-2 border-destructive/80 p-2",
14 className,
15 )}
16 >
17 <p className="-top-2 absolute left-3 bg-background px-1 font-medium text-destructive text-xs uppercase">
18 dev mode
19 </p>
20 {children}
21 </div>
22 );
23}