Figma to React Animation: Convert Smart Animate to Production Code

import React, { useState } from 'react';
import { ExodeUICanvas } from 'exodeui';

export function FigmaExportedButton() {
  const [isActive, setIsActive] = useState(false);

  return (
    <div className="btn-container">
      <ExodeUICanvas
        src="/scenes/figma-button-state.json"
        stateMachine="ButtonInteraction"
        inputs={{ "pressed": isActive }}
        autoPlay={true}
        onStateChange={(state) => console.log('State:', state)}
      />
      <button onClick={() => setIsActive(!isActive)}>
        Toggle Interaction
      </button>
    </div>
  );
}