import { Pre } from '@/components/pre' export function PreDemo() { return (
      
        "use client";

        import { ClassAttributes, HTMLAttributes } from "react";
        import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
        import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
        import { Button } from "@/components/ui/button";
        import { LucideClipboard } from "lucide-react";
        import { useCopyToClipboard } from "@/registry/use-copy-to-clipboard";
        import {
          Tooltip,
          TooltipContent,
          TooltipProvider,
          TooltipTrigger,
        } from "@/components/ui/tooltip";

        const Pre = ({
          children,
          ...props
        }: ClassAttributes & HTMLAttributes) => {
          const { copy, showTooltip } = useCopyToClipboard();

          if (!children || typeof children !== "object") {
            return {children};
          }
          const childType = "type" in children ? children.type : "";
          if (childType !== "code") {
            return {children};
          }

          const childProps = "props" in children ? children.props : {};
          const { className, children: code } = childProps as unknown as {
            className: string;
            children: string;
          };
          const language = className?.replace("language-", "");

          return (
            
              
                {String(code).replace(/
$/, "")}
              
              
                
                  
                    
                  
                  
                    Copied
                  
                
              
            
          );
        };

        export { Pre };
) }
Pre

Installation
