import React from 'react';

interface CompanyIdentityProps {
  name: string;
  symbol: string;
  sector?: string;
  headquarters?: string;
}

export const CompanyIdentity: React.FC<CompanyIdentityProps> = ({
  name,
  symbol,
  sector,
  headquarters,
}) => {
  return (
    <div className="space-y-3">
      <div className="flex items-center gap-3 flex-wrap">
        <h1 className="text-2xl font-mono font-bold text-[#e0e0e0]">{name}</h1>
        <span className="px-2 py-1 text-[11px] font-mono uppercase tracking-wider bg-[#1a1a1a] text-[#888888] border border-[#2a2a2a]">
          {symbol}
        </span>
        {sector && (
          <span className="px-2 py-1 text-[10px] font-mono uppercase tracking-wide bg-[#1a1a1a] text-[#58a6ff] border border-[#1a1a1a]">
            {sector}
          </span>
        )}
      </div>
      {headquarters && (
        <p className="text-sm font-mono text-[#888888]">{headquarters}</p>
      )}
    </div>
  );
};
