Card

1'use client';
2 
3import { forwardRef } from 'react';
4import { useComponentConfig } from '../config-provider/context';
5import { CardUI } from './CardUI';
6import type { CardProps } from './types';
7 
8const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {
9  const config = useComponentConfig('card');
10 
11  const mergedProps = {
12    ...config,
13    ...props
14  };
15 
16  return (
17    <CardUI
18      {...mergedProps}
19      ref={ref}
20    />
21  );
22});
23 
24Card.displayName = 'Card';
25 
26export default Card;