This repository has been archived on 2025-07-12. You can view files and clone it, but cannot push or open issues or pull requests.
Files
old.martials.no/src/components/card.tsx

24 lines
655 B
TypeScript
Raw Normal View History

2022-12-21 13:56:42 +01:00
/* @refresh reload */
import { type Component } from "solid-js";
import { Link } from "./link";
2022-12-21 13:56:42 +01:00
const Card: Component<CardProps> = (
{
children,
className,
title,
to,
newTab = false
}) => (
<div class={ `relative bg-gradient-to-r from-cyan-600 to-cyan-500 h-32 w-72 rounded-2xl ${ className }` }>
<div class={ "relative p-5" }>
<Link className={ "text-white" } to={ to } newTab={ newTab }>
<h3 class={ "text-center w-fit mx-auto before:content-['↗']" }>{ title }</h3>
</Link>
{ children }
</div>
</div>
);
2022-12-21 13:56:42 +01:00
export default Card;