frontend/src/components/StatusBar.tsx

import React from 'react';
import { FaMicrochip, FaPlug } from 'react-icons/fa';

const StatusBar: React.FC<{ model: string }> = ({ model }) => {
  return (
    <div style={{ height: 24, background: 'var(--bg-tertiary)', borderTop: '1px solid var(--border)', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 12px', fontSize: 12, color: 'var(--text-secondary)' }}>
      <div style={{ display: 'flex', gap: 15 }}>
        <span><FaPlug style={{ color: 'var(--success)' }} /> Connected</span>
        <span><FaMicrochip /> {model}</span>
      </div>
      <span>Ln 1, Col 1</span>
    </div>
  );
};

export default StatusBar;