frontend/src/components/TopBar.tsx

import React from 'react';
import { FaCode, FaGithub, FaRocket } from 'react-icons/fa';

const TopBar: React.FC = () => {
  return (
    <div style={{ height: 36, background: 'var(--bg-secondary)', borderBottom: '1px solid var(--border)', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 12px', fontSize: 13 }}>
      <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
        <FaCode style={{ color: 'var(--accent)' }} />
        <span style={{ fontWeight: 600 }}>Codeki</span>
        <span style={{ color: 'var(--text-secondary)' }}>– AI Coding Assistant</span>
      </div>
      <div style={{ display: 'flex', gap: 15, alignItems: 'center' }}>
        <FaGithub style={{ color: 'var(--text-secondary)', cursor: 'pointer' }} />
        <FaRocket style={{ color: 'var(--accent)', cursor: 'pointer' }} />
      </div>
    </div>
  );
};

export default TopBar;