"use client";

import Link from "next/link";

export default function DroneDealerContent({ aboutUs }: { aboutUs: any }) {
    const fileUrl = `${process.env.NEXT_PUBLIC_API_IMAGE_URL}${aboutUs?.relation?.[0]?.productId?.buttonLink}`;

    return (
        <section className="bg-white py-5">
            <div className="mx-auto px-5 sm:px-5 lg:px-30 md:px-8 2xl:px-45">
                <div className="text-[16px] leading-8 text-gray-700 tracking-tighter">
                    <div
                        className="pb-4 text-primary [&_*]:text-inherit about-description "
                        dangerouslySetInnerHTML={{
                            __html: aboutUs?.description || "",
                        }}
                    />
                    {aboutUs?.relation?.[0]?.productId?.buttonName && (
                        <a
                            href={fileUrl}
                            target="_blank"
                            rel="noopener noreferrer"
                            className="inline-flex items-center justify-center bg-[#000000] px-8 py-3 text-sm font-semibold text-white transition rounded-md hover:bg-secondary"
                        >
                            {aboutUs?.relation?.[0]?.productId?.buttonName}
                        </a>
                    )}
                </div>

                <div className="mt-16 border-t border-gray-100 pt-12">
                    <h4 className="mb-5 text-2xl font-semibold text-primary ">
                        {aboutUs?.title2}
                    </h4>
                    <div
                        className="pb-4 text-primary about-description "
                        dangerouslySetInnerHTML={{
                            __html: aboutUs?.description2 || "",
                        }}
                    />
                </div>
            </div>
        </section>
    );
}