import { Flex, Image } from "antd"
import { FC } from "react"
interface IProps {
  onClick: () => void
}
const EmptyList: FC<IProps> = (props) => {
  const { onClick } = props
  return (
    <Flex
      onClick={onClick}
      vertical
      gap={16}
      justify="center"
      align="center"
      className="w-[263px] h-[256px] rounded-[10px] flex-none border border-dashed cursor-pointer border-gray-40">
      <Image
        src={"/img/icon/plus.svg"}
        alt="plus"
        width={24}
        height={24}
        preview={false}
      />
      <p className="font-semibold">New Post</p>
    </Flex>
  )
}
export default EmptyList