import NasaIcon from '../../components/icons/NasaIcon';



const LINKS = [

  { label: 'Central Bank', href: 'https://secure.omdnl.org/central-bank', icon: 'central-bank' as const },

  { label: 'Online banking', href: 'https://online.omdnl.org/central-bank', icon: 'globe' as const },

  { label: 'Office 24', href: 'https://office24.omdnl.org/office-24', icon: 'office' as const },

  { label: 'DBIS Trade', href: 'https://exchange.omdnl.org/trade', icon: 'trade' as const },

  { label: 'Digital swap', href: 'https://digital.omdnl.org/swap', icon: 'swap' as const },

] as const;



export default function QuickPortalLinks() {

  return (

    <div className="dash-quick-links mb-8">

      <p className="dash-quick-links__label flex items-center gap-1.5">

        <NasaIcon name="link" size={12} className="nasa-icon--telemetry" />

        Public portals

      </p>

      <div className="flex flex-wrap gap-2">

        {LINKS.map(({ label, href, icon }) => (

          <a key={href} href={href} target="_blank" rel="noopener noreferrer" className="dash-quick-links__chip">

            <NasaIcon name={icon} size={12} />

            {label}

          </a>

        ))}

      </div>

    </div>

  );

}

