import React from 'react';
import { Card } from '@arco-design/web-react';
import style from './style/index.module.less';

interface CustomCardProps {
  children: React.ReactNode;
  hoverable?: boolean;
  className?: string;

  [key: string]: any; // 其余可支持属性参考文档：https://arco.design/react/components/card
}

const CustomCard: React.FC<CustomCardProps> = ({ children, hoverable = true, className = '', ...restProps }) => {
  return (
    <Card
      className={`${style['card-custom-hover-style']} ${className}`}
      hoverable={hoverable}
      {...restProps}
    >
      {children}
    </Card>
  );
};

export default CustomCard;
