Type added

Author: w3labkr

components/footer.tsx

@@ -3,10 +3,19 @@ import * as React from 'react'
 import { Copyright } from '@/components/copyright'
 import { ThemeToggle } from '@/components/theme-toggle'
 import { LanguageCombobox } from '@/components/language-combobox'
+import { cn } from '@/lib/utils'
 
-const Footer = () => {
+interface FooterProps extends React.HTMLAttributes<HTMLElement> {}
+
+const Footer = ({ className, ...props }: FooterProps) => {
  return (
- <footer className="flex border-0 border-t border-solid border-input bg-inherit">
+ <footer
+ className={cn(
+ 'flex border-0 border-t border-solid border-input bg-inherit',
+ className
+ )}
+ {...props}
+ >
  <div className="container flex items-center justify-between gap-2 bg-inherit py-4">
  <Copyright className="text-sm" />
  <div className="flex gap-2">
@@ -18,4 +27,4 @@ const Footer = () => {
  )
 }
 
-export { Footer }
+export { Footer, type FooterProps }

components/header.tsx

@@ -25,7 +25,9 @@ import { SearchFormDialog } from '@/components/search-form-dialog'
 import { cn } from '@/lib/utils'
 import { useAuth } from '@/hooks/use-auth'
 
-const Header = () => {
+interface HeaderProps extends React.HTMLAttributes<HTMLElement> {}
+
+const Header = ({ className, ...props }: HeaderProps) => {
  const searchParams = useSearchParams()
  const pathname = usePathname()
  const { user } = useAuth()
@@ -42,10 +44,14 @@ const Header = () => {
  <MobileNavigation />
  </SheetContent>
  <header
- className={cn(
- 'flex w-full flex-col border-0 border-b border-solid border-input'
- // 'sticky left-0 top-0 z-10'
- )}
+ className={
+ (cn(
+ 'flex w-full flex-col border-0 border-b border-solid border-input'
+ // 'sticky left-0 top-0 z-10'
+ ),
+ className)
+ }
+ {...props}
  >
  <div className="container flex h-[60px] items-center">
  <SheetTrigger asChild>
@@ -115,4 +121,4 @@ const SignedOutNav = () => {
  )
 }
 
-export { Header }
+export { Header, type HeaderProps }