2021-04-18 23:14:21 -05:00
|
|
|
export default function WerefoxCard({
|
|
|
|
isTitle,
|
|
|
|
innerText,
|
|
|
|
children,
|
|
|
|
}) {
|
|
|
|
if (isTitle) {
|
|
|
|
return (
|
2021-04-29 23:15:29 -05:00
|
|
|
<header className="rounded-lg ring-4 ring-werefox-blue bg-werefox-grey-light dark:bg-werefox-grey">
|
2021-05-01 19:17:24 -05:00
|
|
|
<a rel="me" href="https://vulpine.club/@Shadow8t4" hidden>Mastodon</a>
|
|
|
|
<a rel="me" href="https://masto.werefox.dev/@shadow8t4" hidden>Mastodon</a>
|
2021-04-18 23:14:21 -05:00
|
|
|
{children}
|
2021-04-27 19:56:34 -05:00
|
|
|
</header>
|
2021-04-18 23:14:21 -05:00
|
|
|
);
|
2021-05-01 01:15:09 -05:00
|
|
|
} else {
|
2021-04-18 23:14:21 -05:00
|
|
|
return (
|
2021-05-01 01:15:09 -05:00
|
|
|
<div className="rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-light dark:bg-werefox-grey">
|
|
|
|
<div className="p-2 space-y-2">
|
|
|
|
<div className="rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
|
|
|
<p className="p-2 text-center text-md sm:text-lg text-werefox-blue-dark dark:text-werefox-blue">
|
|
|
|
{innerText}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div className="p-2 flow space-y-2 rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-04-18 23:14:21 -05:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|