import * as React from 'react';
import { SPONSOR_LINK } from '../../constants/Links';
import { HeartIcon } from './Icons/HeartIcon';

export interface ISponsorMsgProps {}

const SponsorMsg: React.FunctionComponent<ISponsorMsgProps> = (props: React.PropsWithChildren<ISponsorMsgProps>) => {
  return (
    <p className={`sponsor`}>
      <a href={SPONSOR_LINK} title="Sponsor Front Matter">
        <span>Sponsor</span> <HeartIcon className={`h-5 w-5 mr-2`} /> <span>FrontMatter</span>
      </a>
    </p>
  );
};

SponsorMsg.displayName = 'SponsorMsg';
export { SponsorMsg };