import { heroVariants } from "./heroVariants"

import type { HeroProps } from "./hero"

export default function Hero({ className, color, children }: HeroProps) {
  const classNames = heroVariants({ className, color })
  return <section className={classNames}>{children}</section>
}
