import { ExclamationIcon } from '@heroicons/react/solid'

const ExploitNotification = () => {
  return (
    <div className="flex items-center bg-th-red-dark text-th-fgd-2">
      <div className="flex w-full items-center justify-center p-2">
        <ExclamationIcon
          className={`mr-1.5 mt-0.5 h-5 w-5 flex-shrink-0 text-white`}
        />
        <span className="text-white">
          Mango v3 suffered{' '}
          <a
            href="https://www.coindesk.com/business/2022/10/15/114m-mango-markets-exploiter-outs-himself-returns-most-of-the-money/"
            target="_blank"
            rel="noopener noreferrer"
            className="text-white underline hover:text-th-fgd-2 hover:no-underline"
          >
            an exploit
          </a>{' '}
          and is not functional.{' '}
          <a
            href="https://twitter.com/mangomarkets"
            target="_blank"
            rel="noopener noreferrer"
            className="text-white underline hover:text-th-fgd-2 hover:no-underline"
          >
            Follow us
          </a>{' '}
          for updates.
        </span>
      </div>
    </div>
  )
}

export default ExploitNotification
