mirror of
https://github.com/walkxcode/dashboard-icons.git
synced 2025-10-31 16:57:58 +01:00
24 lines
863 B
TypeScript
24 lines
863 B
TypeScript
import { cn } from "@/lib/utils"
|
|
import type React from "react"
|
|
|
|
interface BackgroundWrapperProps {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
export default function BackgroundWrapper({ children }: BackgroundWrapperProps) {
|
|
return (
|
|
<>
|
|
<div
|
|
className={cn(
|
|
"absolute inset-0",
|
|
"[background-size:40px_40px]",
|
|
"[background-image:linear-gradient(to_right,#e4e4e7_1px,transparent_1px),linear-gradient(to_bottom,#e4e4e7_1px,transparent_1px)]",
|
|
"dark:[background-image:linear-gradient(to_right,#262626_1px,transparent_1px),linear-gradient(to_bottom,#262626_1px,transparent_1px)]",
|
|
)}
|
|
/>
|
|
<div className="pointer-events-none absolute inset-0 flex items-center justify-center bg-background [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)] dark:bg-background" />
|
|
<div className="z-20 relative">{children}</div>
|
|
</>
|
|
)
|
|
}
|