import MotionCard from '@/components/ui/MotionCard';
import FadeInWrapper from '@/components/system/layout/FadeInWrapper';
import configIcon from '@/resources/icon/pages/weclome/config.svg';

/**
 * 连接配置卡片组件
 * @param onClick 点击事件
 * @returns {JSX.Element}
 */
const ConfigureCard = ({ onClick }) => {
  return (
    <FadeInWrapper delay={0.4} yOffset={-5}>
      <MotionCard icon={configIcon} text={'连接配置'} onClick={onClick} />
    </FadeInWrapper>
  );
};

export default ConfigureCard;
