2021-10-14 16:22:07 -05:00
|
|
|
import WCT from "./werefox-card-title";
|
|
|
|
|
|
|
|
export default function WerefoxCard({ title_emoji, title, children }) {
|
|
|
|
if (Boolean(title_emoji)) {
|
2021-04-18 23:14:21 -05:00
|
|
|
return (
|
2021-10-26 23:47:29 -05:00
|
|
|
<div className="p-4 space-y-4 text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark">
|
2021-10-14 16:22:07 -05:00
|
|
|
<WCT title={title} title_emoji={title_emoji} />
|
2021-10-26 23:47:29 -05:00
|
|
|
<div className="p-4 space-y-4 rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue">
|
2021-10-14 16:22:07 -05:00
|
|
|
{children}
|
|
|
|
</div>
|
2021-06-14 20:41:10 -05:00
|
|
|
</div>
|
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-10-26 23:47:29 -05:00
|
|
|
<div className="p-4 space-y-4 text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark">
|
2021-10-14 16:22:07 -05:00
|
|
|
<WCT title={title} />
|
2021-10-26 23:47:29 -05:00
|
|
|
<div className="p-4 space-y-4 rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue">
|
2021-10-14 16:22:07 -05:00
|
|
|
{children}
|
2021-05-01 01:15:09 -05:00
|
|
|
</div>
|
2021-04-18 23:14:21 -05:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|