openmonetis/components/calculadora/calculator.tsx

"use client";

import { CalculatorKeypad } from "@/components/calculadora/calculator-keypad";
import { useCalculatorKeyboard } from "@/hooks/use-calculator-keyboard";
import { useCalculatorState } from "@/hooks/use-calculator-state";
import { CalculatorDisplay } from "./calculator-display";

export default function Calculator() {
  const {
    expression,
    history,
    resultText,
    copied,
    buttons,
    copyToClipboard,
    pasteFromClipboard,
  } = useCalculatorState();

  useCalculatorKeyboard({
    canCopy: Boolean(resultText),
    onCopy: copyToClipboard,
    onPaste: pasteFromClipboard,
  });

  return (
    <div className="space-y-4">
      <CalculatorDisplay
        history={history}
        expression={expression}
        resultText={resultText}
        copied={copied}
        onCopy={copyToClipboard}
      />
      <CalculatorKeypad buttons={buttons} />
    </div>
  );
}