37 lines
926 B
TypeScript
37 lines
926 B
TypeScript
/*
|
|
* @Author: ZhaoYing
|
|
* @Date: 2026-02-03 18:34:10
|
|
* @Last Modified by: ZhaoYing
|
|
* @Last Modified time: 2026-02-03 18:34:10
|
|
*/
|
|
/**
|
|
* Card Component
|
|
* Reusable card wrapper with theme support
|
|
*/
|
|
|
|
import { type FC, type ReactNode } from 'react'
|
|
import clsx from 'clsx'
|
|
|
|
/**
|
|
* Component props
|
|
*/
|
|
interface CardProps {
|
|
title?: string;
|
|
children: ReactNode;
|
|
theme?: 'default' | 'custom';
|
|
className?: string;
|
|
}
|
|
|
|
const Card: FC<CardProps> = ({ title, children, theme = 'default', className }) => {
|
|
return (
|
|
<div className={clsx('rb:h-full rb:border rb:rounded-xl rb:p-4 rb:border-[#DFE4ED]', {
|
|
'rb:bg-[#FBFDFF]': theme === 'default',
|
|
'rb:bg-[linear-gradient(180deg,#F1F9FE_0%,#FBFCFF_100%)]': theme === 'custom',
|
|
}, className)}>
|
|
{title && <div className="rb:text-[18px] rb:font-semibold rb:leading-6.25 rb:pb-4">{title}</div>}
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Card |