refactor: 각 컴포넌트 추가

fun-eat · Apr 15, 2024 · f1d84bc · f1d84bc
1 parent eeccf3a
commit f1d84bc
Showing 1 changed file with 52 additions and 0 deletions.
diff --git a/src/components/Recipe/RecipeItem/RecipeItem.tsx b/src/components/Recipe/RecipeItem/RecipeItem.tsx
@@ -152,3 +152,55 @@ RecipeItem.AuthorAndCreatedDate = AuthorAndCreatedDate;
 RecipeItem.Content = Content;
 
 export default RecipeItem;
+
+export const DefaultRecipeItem = () => {
+  return (
+    <RecipeItem>
+      <RecipeItem.ImageAndFavoriteButton />
+      <div style={{ height: '8px' }} />
+      <RecipeItem.Title />
+      <RecipeItem.AuthorAndCreatedDate />
+    </RecipeItem>
+  );
+};
+
+export const RecipeItemWithProductButton = () => {
+  return (
+    <RecipeItem>
+      <RecipeItem.ImageAndFavoriteButton>
+        <RecipeItem.ProductButton />
+      </RecipeItem.ImageAndFavoriteButton>
+      <div style={{ height: '8px' }} />
+      <RecipeItem.Title />
+      <RecipeItem.AuthorAndCreatedDate />
+    </RecipeItem>
+  );
+};
+
+export const RecipeItemWithProductCircleButton = () => {
+  return (
+    <RecipeItem>
+      <RecipeItem.ImageAndFavoriteButton>
+        <RecipeItem.ProductCircleButton />
+      </RecipeItem.ImageAndFavoriteButton>
+      <div style={{ height: '8px' }} />
+      <RecipeItem.Title />
+      <RecipeItem.Author />
+      <RecipeItem.Content />
+    </RecipeItem>
+  );
+};
+
+export const RecipeItemWithProductButtonAndContent = () => {
+  return (
+    <RecipeItem>
+      <RecipeItem.ImageAndFavoriteButton>
+        <RecipeItem.ProductButton />
+      </RecipeItem.ImageAndFavoriteButton>
+      <div style={{ height: '8px' }} />
+      <RecipeItem.Title />
+      <RecipeItem.AuthorAndCreatedDate />
+      <RecipeItem.Content />
+    </RecipeItem>
+  );
+};