import React from 'react';

interface Props {
  onCreateClient: () => void;
  onLogInteraction: () => void;
}

const ActionButtons: React.FC<Props> = ({ onCreateClient, onLogInteraction }) => {
  return (
    <div className="action-buttons">
      <h3>Actions</h3>
      <div className="buttons">
        <button 
          className="btn btn-primary" 
          onClick={onCreateClient}
        >
          Create New Client
        </button>
        <button 
          className="btn btn-secondary" 
          onClick={onLogInteraction}
        >
          Log Interaction
        </button>
      </div>
    </div>
  );
};

export default ActionButtons;