import { HTMLAttributes } from "react"

import { cn } from "@/lib/utils"

const Section = ({ children, className }: HTMLAttributes<HTMLDivElement>) => {
  return (
    <div className={cn("divide-y divide-tuatara-300 w-full", className)}>
      {children}
    </div>
  )
}

const Divider = {
  displayName: "Divider",
  Section,
}

export { Divider }