CopyButton

"use client";
import { CopyButton } from "@/ui/copy-button";
import { CopyCheckIcon, CopyIcon } from "@/icons/*";
import { Button } from "@/ui/button";

const value = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse veritatis molestias ex architecto maxime, exercitationem sint perferendis nulla aperiam doloremque?";

export function CopyButoonDemo() {
  return (
    <CopyButton value={value.trimEnd()}>
      {({ copied, copy }) => (
        <Button variant="outline" size="icon" color="grape" onClick={copy} aria-label={copied ? "Copied" : "Copy code"}>
          {copied ? <CopyCheckIcon size="sm" /> : <CopyIcon size="sm" />}
        </Button>
      )}
    </CopyButton>
  );
}