Merge pull request #14 from svipulc/fix/card-component

svipulc · Sep 4, 2024 · 2b7b8af · 2b7b8af
2 parents 70a6d94 + 3831f8d
commit 2b7b8af
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/components/Card/index.stories.tsx b/src/components/Card/index.stories.tsx
@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
 import { IoMdHeartEmpty } from "react-icons/io";
 import { IoChatbubbleEllipsesOutline, IoChatbubbleEllipsesSharp, IoHeart } from "react-icons/io5";
-import Card from ".";
+import { Card } from ".";
 import { Button } from "../Button";
 
 const meta: Meta<typeof Card> = {

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
@@ -4,9 +4,9 @@ import React, { ComponentProps } from "react";
 import { cardContentStyle, cardFooterStyle, cardHeaderStyle, cardStyle } from "./index.style";
 
 // Card Component
-type CardProps = ComponentProps<"div"> & VariantProps<typeof cardStyle>;
+export type CardProps = ComponentProps<"div"> & VariantProps<typeof cardStyle>;
 
-const Card: React.FC<CardProps> & {
+export const Card: React.FC<CardProps> & {
   Header: React.FC<CardHeaderProps>;
   Content: React.FC<CardContentProps>;
   Footer: React.FC<CardFooterProps>;
@@ -19,7 +19,7 @@ const Card: React.FC<CardProps> & {
 };
 
 // Card Header Component
-type CardHeaderProps = ComponentProps<"div"> & VariantProps<typeof cardHeaderStyle>;
+export type CardHeaderProps = ComponentProps<"div"> & VariantProps<typeof cardHeaderStyle>;
 
 const CardHeader: React.FC<CardHeaderProps> = ({ children, className, ...props }) => {
   return (
@@ -30,7 +30,7 @@ const CardHeader: React.FC<CardHeaderProps> = ({ children, className, ...props }
 };
 
 // Card Content Component
-type CardContentProps = ComponentProps<"div"> & VariantProps<typeof cardContentStyle>;
+export type CardContentProps = ComponentProps<"div"> & VariantProps<typeof cardContentStyle>;
 
 const CardContent: React.FC<CardContentProps> = ({ children, className, ...props }) => {
   return (
@@ -41,7 +41,7 @@ const CardContent: React.FC<CardContentProps> = ({ children, className, ...props
 };
 
 // Card Footer Component
-type CardFooterProps = ComponentProps<"div"> & VariantProps<typeof cardFooterStyle>;
+export type CardFooterProps = ComponentProps<"div"> & VariantProps<typeof cardFooterStyle>;
 
 const CardFooter: React.FC<CardFooterProps> = ({ children, className, ...props }) => {
   return (
@@ -55,6 +55,3 @@ const CardFooter: React.FC<CardFooterProps> = ({ children, className, ...props }
 Card.Header = CardHeader;
 Card.Content = CardContent;
 Card.Footer = CardFooter;
-
-// Export the Card component
-export default Card;