update pay function

boilerplate-chakra-pro-main/components/card/Card.tsx

@@ -0,0 +1,11 @@
+'use client';
+import { useStyleConfig, chakra, forwardRef } from '@chakra-ui/react';
+import { CustomCardProps } from '@/theme/theme';
+const CustomCard = forwardRef<CustomCardProps, 'div'>((props, ref) => {
+  const { size, variant, ...rest } = props;
+  const styles = useStyleConfig('Card', { size, variant });
+
+  return <chakra.div ref={ref} __css={styles} {...rest} />;
+});
+
+export default CustomCard;