import Image from 'next/image'

const Empty = ({ title }: { title: string }) => {
  return (
    <div className="mx-auto flex flex-col items-center justify-center gap-4 p-4 text-center">
      <Image src="/icons/empty.svg" alt="Empty" width={182} height={134} />
      <div className="txt-label-m text-txt-tertiary-normal">{title}</div>
    </div>
  )
}

export default Empty
