import React from "react";
import styles from "@/styles/Component/EmissionsGraph/EmissionsGraph.module.scss";
import useFetchData from "@/components/App/useFetchData";
import { SuspenseLoader } from "@/components/App/Loader";

interface Disclamer {
  config_value: string;
}

function Disclamer() {
  const { data, isLoading } = useFetchData<Disclamer>("CUSTOM_TEMPLATE", {
    slug: "vehicle_detail_disclaimer"
  });
  if (isLoading) return <SuspenseLoader />;
  return (
    <div className={styles.DisclaimerCard}>
      <h5>Disclaimer</h5>
      <p dangerouslySetInnerHTML={{ __html: data?.config_value }} />
    </div>
  );
}

export default Disclamer;