"use client"

import { useGetSettingPage } from "@/hook/useCommon"
import { Link } from "@/i18n/routing"
import { useEffect, useState } from "react"

export default function AboutUsContainer() {
  const { data: dataSetting } = useGetSettingPage()
  const [dataPage, setDataPage] = useState<any>(null)

  useEffect(() => {
    if (dataSetting && dataSetting?.data) {
      const page = dataSetting?.data?.find((item: any) => item.name === "About Us")
      setDataPage(page)
    }
  }, [dataSetting])

  return (
    <div
      className="container pt-6 pb-8 mx-auto"
      dangerouslySetInnerHTML={{ __html: dataPage?.content || "" }}></div>
  )
}