CodeSection

export default function CodeSectionExample() {
  const [codeValue, setCodeValue] = useState(`function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10));`);

  const handleComplete = () => {
    console.log("Progressive writing completed");
  };

  const handleEditorChange = (value: string | undefined) => {
    if (value) {
      setCodeValue(value);
      console.log("Code changed:", value);
    }
  };

  return (
    <CodeSection
      maxHeight="500px"
      defaultLanguage="javascript"
      defaultValue={codeValue}
      variant="outline"
      autoHeight={true}
      progressiveMode={true}
      processLoading={true}
      onComplete={handleComplete}
      isEditable={true}
      className="w-full max-w-2xl"
    />
  );
}

interface CodeSectionProps {
  height?: string;
  maxHeight?: string;
  minHeight?: string;
  defaultLanguage?: string;
  defaultValue?: string;
  className?: string;
  isEditable?: boolean;
  variant?: "default" | "outline" | "ghost";
  processLoading?: boolean;
  progressiveMode?: boolean;
  onComplete?: () => void;
  autoHeight?: boolean;
}