import TranslateClient from "@/components/ui/localization/TranslateClient"
import { cn } from "@/lib/utils"
import React from "react"

type props = {
    className?: string
    title: string
    children: React.ReactNode
}
function SecondInfoBox({ className, title, children }: props) {
    return (
        <div className={cn(`mb-5 ${className}`)}>
            <h3 className="bg-gray-100 px-2 py-4 border-t-2 border-gray-300">
                <TranslateClient text={title} />
            </h3>

            <div className="px-2 pt-2">{children}</div>
        </div>
    )
}

export default SecondInfoBox