manifold/web/components/card.tsx
Sinclair Chen 52a96ce853 Create common card component (#1012)
* Create common card component

* lint
2022-10-06 22:06:42 -05:00

17 lines
365 B
TypeScript

import clsx from 'clsx'
export function Card(props: JSX.IntrinsicElements['div']) {
const { children, className, ...rest } = props
return (
<div
className={clsx(
'cursor-pointer rounded-lg border-2 bg-white transition-shadow hover:shadow-md focus:shadow-md',
className
)}
{...rest}
>
{children}
</div>
)
}