2021-10-14 16:22:07 -05:00
|
|
|
import Image from "next/image";
|
|
|
|
|
|
|
|
export default function WerefoxCardTitle({ title, title_emoji }) {
|
|
|
|
if (Boolean(title_emoji)) {
|
|
|
|
return (
|
2022-01-19 21:56:01 -06:00
|
|
|
<div className="p-4 w-full items-center justify-center align-middle rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red ">
|
2021-10-14 16:22:07 -05:00
|
|
|
<span className="object-contain relative inline-block w-8 h-8 mb-1 align-middle">
|
|
|
|
<Image
|
|
|
|
src={title_emoji["src"]}
|
|
|
|
layout="fill"
|
|
|
|
objectFit="contain"
|
|
|
|
alt={title_emoji["alt"]}
|
|
|
|
/>
|
|
|
|
</span>
|
2022-01-19 21:56:01 -06:00
|
|
|
<p className="inline text-md sm:text-lg text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
|
2021-10-14 16:22:07 -05:00
|
|
|
{` ${title}`}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return (
|
2022-01-19 21:56:01 -06:00
|
|
|
<div className="rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
|
|
|
|
<p className="p-4 text-center text-md sm:text-lg text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
|
2021-10-14 16:22:07 -05:00
|
|
|
{title}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|