34 lines
873 B
TypeScript
34 lines
873 B
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import { cn } from "cn"
|
|
import { GalleryHorizontalIcon } from "lucide-react"
|
|
|
|
import { trackEvent } from "@/lib/events"
|
|
import { useLayout } from "@/hooks/use-layout"
|
|
import { Button } from "@/registry/new-york-v4/ui/button"
|
|
|
|
export function SiteConfig({ className }: React.ComponentProps<typeof Button>) {
|
|
const { layout, setLayout } = useLayout()
|
|
|
|
return (
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
onClick={() => {
|
|
const newLayout = layout === "fixed" ? "full" : "fixed"
|
|
setLayout(newLayout)
|
|
trackEvent({
|
|
name: "set_layout",
|
|
properties: { layout: newLayout },
|
|
})
|
|
}}
|
|
className={cn("size-8", className)}
|
|
title="Toggle layout"
|
|
>
|
|
<span className="sr-only">Toggle layout</span>
|
|
<GalleryHorizontalIcon />
|
|
</Button>
|
|
)
|
|
}
|