fix gluestackUI

ArtisanConnect/components/ui/card/index.web.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { cardStyle } from './styles';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+
+type ICardProps = React.ComponentPropsWithoutRef<'div'> &
+  VariantProps<typeof cardStyle>;
+
+const Card = React.forwardRef<HTMLDivElement, ICardProps>(function Card(
+  { className, size = 'md', variant = 'elevated', ...props },
+  ref
+) {
+  return (
+    <div
+      className={cardStyle({ size, variant, class: className })}
+      {...props}
+      ref={ref}
+    />
+  );
+});
+
+Card.displayName = 'Card';
+
+export { Card };