diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index 8c05f339..c8cd28e7 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -1,5 +1,15 @@ import { Link } from "react-router-dom"; import { svgs } from "./svgs"; +import React from "react"; + +interface ButtonProps { + className?: string; + href?: string; + onClick?: () => void; + children: React.ReactNode; + px?: string; + white?: boolean; +} const Button = ({ className, @@ -8,7 +18,7 @@ const Button = ({ children, px, white, -}) => { +}: ButtonProps) => { const classes = `button relative inline-flex items-center justify-center h-11 ${ px || "px-7" } ${white ? "text-n-8" : "text-n-1"} transition-colors hover:text-color-1 ${ diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx index 13104389..2550cd84 100644 --- a/src/components/Image/index.tsx +++ b/src/components/Image/index.tsx @@ -1,6 +1,11 @@ import { useState } from "react"; +import React from "react"; -const Image = ({ className, ...props }) => { +interface ImageProps extends React.ImgHTMLAttributes { + className?: string; +} + +const Image = ({ className, ...props }: ImageProps) => { const [loaded, setLoaded] = useState(false); return ( diff --git a/src/components/Section/index.tsx b/src/components/Section/index.tsx index 455ee6bd..4c2aa4cd 100644 --- a/src/components/Section/index.tsx +++ b/src/components/Section/index.tsx @@ -1,10 +1,20 @@ +import React from "react"; + +interface SectionProps { + className?: string; + crosses?: boolean; + crossesOffset?: string; + customPaddings?: boolean; + children: React.ReactNode; +} + const Section = ({ className, crosses, crossesOffset, customPaddings, children, -}) => ( +}: SectionProps) => (