Clipboard

1import { Clipboard, ClipboardTrigger, ClipboardInput, ClipboardValue } from "@/components/ui/clipboard";
2
3<Clipboard />

1"use client";
2
3import {
4  Clipboard as ArkClipboard,
5  useClipboardContext,
6} from "@ark-ui/react/clipboard";
7import { CheckIcon, ClipboardIcon } from "lucide-react";
8import type React from "react";
9import { tv, type VariantProps } from "tailwind-variants";
10import { cn } from "@/lib/utils";
11import { inputVariants } from "@/registry/react/components/input";
12
13export const useClipboard = useClipboardContext;
14
15interface ClipboardProps
16  extends React.ComponentProps<typeof ArkClipboard.Root> {
17  /**
18   * Styles for the root element
19   */
20  rootClassName?: string;
21}
22
23export const Clipboard = (props: ClipboardProps) => {
24  const { rootClassName, className, children, ...rest } = props;
25
26  return (
27    <ArkClipboard.Root
28      className={cn(rootClassName)}