import type { ReactNode } from "react";

interface FooterProps {
  children?: ReactNode;
  /** 배치(레이아웃) 조정용 클래스 패스스루만 허용 — 디자인 값 주입 금지. */
  className?: string;
}

/** 하단 풋터 셸. */
export function Footer({ children, className }: FooterProps) {
  return (
    <footer
      className={`border-t border-border bg-surface px-6 py-4 text-body-sm text-foreground-subtle ${className ?? ""}`}
    >
      {children}
    </footer>
  );
}