import React from 'react';
import CapabilityPanel from './CapabilityPanel';

const ContextPanel = () => {
  return (
    <div className="context-panel">
      <div className="current-task">
        <h4>Current task</h4>
        <div>Idle</div>
      </div>
      <div className="ticket-context">
        <h4>Ticket context</h4>
        <div>No active ticket</div>
      </div>
      <div className="suggested-actions">
        <h4>Suggested actions</h4>
        <ul>
          <li>Check platform</li>
          <li>Review Gitea #1</li>
          <li>Check last deployment</li>
        </ul>
      </div>
      <CapabilityPanel />
    </div>
  );
};

export default ContextPanel;