dev_agent
02f1dd6491
CI / ci (push) Successful in 1m31s
Co-authored-by: dev_agent <dev_agent@cubecraftlabs.com> Co-committed-by: dev_agent <dev_agent@cubecraftlabs.com>
15 lines
493 B
TypeScript
15 lines
493 B
TypeScript
import type { ComponentPropsWithRef } from 'react'
|
|
import styles from './Card.module.css'
|
|
|
|
export type CardTone = 'surface' | 'muted'
|
|
|
|
export type CardProps = ComponentPropsWithRef<'div'> & {
|
|
// surface = --color-surface; muted = the secondary neutral-100 fill.
|
|
tone?: CardTone
|
|
}
|
|
|
|
export function Card({ tone = 'surface', className, ...rest }: CardProps) {
|
|
const classes = [styles.card, styles[tone], className].filter(Boolean).join(' ')
|
|
return <div className={classes} {...rest} />
|
|
}
|