Clipboard

import { Clipboard, FormLabel, IconButton, Input } from '@tacos-ui/react';
import { CheckIcon, ClipboardCopyIcon } from 'lucide-react';

export const Demo = (props: Clipboard.RootProps) => {
  return (
    <Clipboard.Root value="https://tacos-ui.com" {...props}>
      <Clipboard.Label asChild>
        <FormLabel>Copy this link</FormLabel>
      </Clipboard.Label>
      <Clipboard.Control>
        <Clipboard.Input asChild>
          <Input />
        </Clipboard.Input>
        <Clipboard.Trigger asChild>
          <IconButton variant="outline">
            <Clipboard.Indicator copied={<CheckIcon />}>
              <ClipboardCopyIcon />
            </Clipboard.Indicator>
          </IconButton>
        </Clipboard.Trigger>
      </Clipboard.Control>
    </Clipboard.Root>
  );
};