From 2cf3a8415fbe7bcefba8d2608b36507f19c0174e Mon Sep 17 00:00:00 2001
From: Juanra GM <juanrgm724@gmail.com>
Date: Sat, 22 Oct 2022 23:49:23 +0200
Subject: [PATCH] feat(site): add more named imports

---
 .changeset/moody-beds-invent.md                  |  5 +++++
 .../src/pages/components/CardPage/CardPage.tsx   |  8 ++++++++
 .../src/pages/components/ListPage/ListPage.tsx   | 10 ++++++++++
 .../src/pages/components/TablePage/TablePage.tsx | 16 +++++++++++++++-
 4 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/moody-beds-invent.md

diff --git a/.changeset/moody-beds-invent.md b/.changeset/moody-beds-invent.md
new file mode 100644
index 000000000..841ec2d97
--- /dev/null
+++ b/.changeset/moody-beds-invent.md
@@ -0,0 +1,5 @@
+---
+"@suid/site": minor
+---
+
+Add more named imports in the component info section
diff --git a/packages/site/src/pages/components/CardPage/CardPage.tsx b/packages/site/src/pages/components/CardPage/CardPage.tsx
index 60e7561d2..ceddf9b75 100644
--- a/packages/site/src/pages/components/CardPage/CardPage.tsx
+++ b/packages/site/src/pages/components/CardPage/CardPage.tsx
@@ -8,6 +8,14 @@ export default function CardPage() {
     <ComponentInfo
       name={Card.name}
       docsName={"cards"}
+      importInfo={[
+        "Card",
+        "CardActionArea",
+        "CardActions",
+        "CardContent",
+        "CardHeader",
+        "CardMedia",
+      ]}
       examples={[
         { component: BasicCardExample, bgcolor: "contrasted" },
         { component: MediaControlCardExample, bgcolor: "contrasted" },
diff --git a/packages/site/src/pages/components/ListPage/ListPage.tsx b/packages/site/src/pages/components/ListPage/ListPage.tsx
index d07e3fc06..726ebdbad 100644
--- a/packages/site/src/pages/components/ListPage/ListPage.tsx
+++ b/packages/site/src/pages/components/ListPage/ListPage.tsx
@@ -7,6 +7,16 @@ export default function ListPage() {
     <ComponentInfo
       name={List.name}
       docsName="lists"
+      importInfo={[
+        "List",
+        "ListItem",
+        "ListItemAvatar",
+        "ListItemButton",
+        "ListItemIcon",
+        "ListItemSecondaryAction",
+        "ListItemText",
+        "ListSubheader",
+      ]}
       examples={[BasicListExample]}
     />
   );
diff --git a/packages/site/src/pages/components/TablePage/TablePage.tsx b/packages/site/src/pages/components/TablePage/TablePage.tsx
index fbdd0085a..7e0cfa68b 100644
--- a/packages/site/src/pages/components/TablePage/TablePage.tsx
+++ b/packages/site/src/pages/components/TablePage/TablePage.tsx
@@ -3,5 +3,19 @@ import ComponentInfo from "~/components/ComponentInfo";
 import BasicTableExample from "./BasicTableExample";
 
 export default function TablePage() {
-  return <ComponentInfo name={Table.name} examples={[BasicTableExample]} />;
+  return (
+    <ComponentInfo
+      name={Table.name}
+      importInfo={[
+        "Table",
+        "TableBody",
+        "TableCell",
+        "TableContainer",
+        "TableFooter",
+        "TableHead",
+        "TableRow",
+      ]}
+      examples={[BasicTableExample]}
+    />
+  );
 }