refactor: extract types for component props (#155)

Co-authored-by: Ala <ala.menai@credium.de>
magicuidesign · Dec 19, 2024 · 49c4cfc · 49c4cfc
1 parent 91a1080
commit 49c4cfc
Showing 1 changed file with 15 additions and 14 deletions.
diff --git a/registry/default/magicui/bento-grid.tsx b/registry/default/magicui/bento-grid.tsx
@@ -4,13 +4,22 @@ import { ArrowRightIcon } from "@radix-ui/react-icons";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 
-const BentoGrid = ({
-  children,
-  className,
-}: {
+type BentoGridProps = {
   children: ReactNode;
   className?: string;
-}) => {
+};
+
+type BentoCardProps = {
+  name: string;
+  className: string;
+  background: ReactNode;
+  Icon: any;
+  description: string;
+  href: string;
+  cta: string;
+};
+
+const BentoGrid = ({ children, className }: BentoGridProps) => {
   return (
     <div
       className={cn(
@@ -31,15 +40,7 @@ const BentoCard = ({
   description,
   href,
   cta,
-}: {
-  name: string;
-  className: string;
-  background: ReactNode;
-  Icon: any;
-  description: string;
-  href: string;
-  cta: string;
-}) => (
+}: BentoCardProps) => (
   <div
     key={name}
     className={cn(