import { PixelGrid } from "@/components/godui/pixel-grid";

export function PixelGridCursor() {
return (
  <div className="relative flex min-h-[240px] w-full items-center justify-center overflow-hidden rounded-xl border border-border bg-background">
    <PixelGrid interactive />
    <p className="relative z-10 text-sm font-medium text-foreground">Move your cursor across the grid</p>
  </div>
);
}

import { PixelGrid } from "@/components/godui/pixel-grid";

export function PixelGridCursorDim() {
return (
  <div className="relative flex min-h-[240px] w-full items-center justify-center overflow-hidden rounded-xl border border-border bg-background">
    <PixelGrid interactive cursorReveal="dim" />
    <p className="relative z-10 text-sm font-medium text-foreground">Move your cursor across the grid</p>
  </div>
);
}

import { PixelGrid } from "@/components/godui/pixel-grid";

export function PixelGridColored() {
return (
  <div className="relative min-h-[240px] w-full overflow-hidden rounded-xl border border-border bg-background">
    <PixelGrid interactive={false} color="oklch(0.7 0.18 280)" maxOpacity={0.5} />
  </div>
);
}

import { PixelGrid } from "@/components/godui/pixel-grid";

export function PixelGridDense() {
return (
  <div className="relative min-h-[240px] w-full overflow-hidden rounded-xl border border-border bg-background">
    <PixelGrid interactive={false} squareSize={2} gridGap={2} flickerChance={0.2} maxOpacity={0.4} />
  </div>
);
}