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 flex-wrap items-center gap-3">
        <h1 className="text-2xl font-mono font-bold text-term-text">{name}</h1>
        <span className="border border-term-border bg-term-highlight px-2 py-1 text-[11px] font-mono uppercase tracking-wider text-term-text-muted">
          {symbol}
        </span>
        {sector && (
          <span className="border border-term-border-subtle bg-term-highlight px-2 py-1 text-[10px] font-mono uppercase tracking-wide text-info">
            {sector}
          </span>
        )}
      </div>
      {headquarters && (
        <p className="text-sm font-mono text-term-text-muted">{headquarters}</p>
      )}
    </div>
  );
};
