import type { ComponentType } from "react";
import type { TemplateProps } from "../contract";
import { NorthlineLayout } from "./Layout";
import type { NorthlineVariant } from "./variant";

/** The family component bound to one variant's tokens, as the TemplateDefinition's Layout. */
export function NorthlineLayoutFor(variant: NorthlineVariant): ComponentType<TemplateProps> {
  const Layout = (props: TemplateProps) => <NorthlineLayout {...props} variant={variant} />;
  Layout.displayName = `NorthlineLayout(${variant.id})`;
  return Layout;
}