import * as React from "react"
import cls from "classnames"
import * as styles from "./index.module.scss"
import { graphql, useStaticQuery } from "gatsby"
import t from "@/constants/wording"

const EmptyList: React.FC = () => {
  const data = useStaticQuery<AllPartner>(graphql`
    query EmptyList {
      strapiPartnerPage {
        emptyList {
          media {
            url
          }
          alt
        }
      }
    }
  `)
  const defaultImg = data.strapiPartnerPage.emptyList

  return (
    <div className={cls(styles.emptyList, "has-text-centered")}>
      <img src={defaultImg.media.url} alt={defaultImg.alt} />
      <p>{t("Sorry, there is no data under this filter")}</p>
    </div>
  )
}

export default EmptyList