Develop your Shipaton app faster with Hopp. Better than every generic screen-sharing tool you've used.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

"use client"

import * as React from "react"

import { useConfig } from "@/hooks/use-config"
import { Tabs } from "@/registry/new-york-v4/ui/tabs"

export function CodeTabs({ children }: React.ComponentProps<typeof Tabs>) {
  const [config, setConfig] = useConfig()

  const installationType = React.useMemo(() => {
    return config.installationType
  }, [config])

  return (
    <Tabs
      value={installationType}
      onValueChange={(value) => setConfig({ ...config, installationType: value as "cli" | "manual" })}
      className="relative mt-6"
    >
      {children}
    </Tabs>
  )
}