import { type ReactNode } from "react"
import { GNB, GNBBrand, GNBMobileMenu, GNBMobileLink } from "@hm-design/ui"

export function GNBFrame({ title, children }: { title: string; children: ReactNode }) {
  return <><GNB><GNBMobileMenu title={`${title} 메뉴`}><GNBMobileLink href="#content" active>{title}</GNBMobileLink></GNBMobileMenu><GNBBrand href="#content"><span><small>HMDesign</small><strong>{title}</strong></span></GNBBrand></GNB><main id="content" className="quality-main">{children}</main></>
}