mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-02-20 07:44:01 -05:00
22 lines
480 B
TypeScript
22 lines
480 B
TypeScript
import clsx from 'clsx'
|
|
import { forwardRef } from 'react'
|
|
|
|
export const Card = forwardRef(function Card(
|
|
props: JSX.IntrinsicElements['div'],
|
|
ref: React.Ref<HTMLDivElement>
|
|
) {
|
|
const { children, className, ...rest } = props
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
'bg-canvas-0 border-ink-300 rounded-lg border transition-shadow hover:shadow-md focus:shadow-md',
|
|
className
|
|
)}
|
|
ref={ref}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</div>
|
|
)
|
|
})
|