import { PrecautionDetailsProps } from "@/types/precaution";

type PrecautionBannerProps = Pick<PrecautionDetailsProps, "heading" | "description">;

export default function PrecautionBanner({ heading, description }: PrecautionBannerProps) {
    return (
        <>
            <section className="my-12 md:my-20">
                <div className="container">
                    <div className="max-w-none md:max-w-[1064px] mx-auto">
                        <h1 className="text-[32px] md:text-[48px] text-[#00204F] font-medium leading-[1.2] max-w-none md:max-w-[650px] mb-5">{heading}</h1>
                        <p className="text-[18px] md:text-[20px] text-[#334D72] font-normal leading-[1.3] max-w-none md:max-w-[846px]">{description}</p>
                    </div>
                </div>
            </section>
        </>
    )
}