import { ClockGreeting } from "@/features/home/components/clock-greeting"
import { QuickLinks } from "@/features/home/components/quick-links"
import { SearchBox } from "@/features/home/components/search-box"
import type { Category, NavLink } from "@/types/navigation"
import type { AppSettings } from "@/types/settings"

type HomeContentProps = {
  categories: Category[]
  links: NavLink[]
  pinnedLinks: NavLink[]
  settings: AppSettings
}

export function HomeContent({
  categories,
  links,
  pinnedLinks,
  settings,
}: HomeContentProps) {
  return (
    <main className="home-content">
      <div className="home-content__inner">
        <ClockGreeting />
        <SearchBox
          links={links}
          categories={categories}
          defaultProvider={settings.search.defaultProvider}
          enabledProviders={settings.search.enabledProviders}
        />
        <QuickLinks links={pinnedLinks} />
      </div>
    </main>
  )
}