2024-06-20 12:09:48 +05:30
|
|
|
import { Box, Image, Text } from "@chakra-ui/react"
|
2024-06-26 15:03:31 +05:30
|
|
|
// import EmptySearchListImage from "../assets/empty_state_empty_folder.svg"
|
|
|
|
|
import EmptySearchListImage from "../assets/EmptySearchList.svg"
|
2024-06-20 12:09:48 +05:30
|
|
|
|
|
|
|
|
const EmptySearchList = ({message}) => {
|
|
|
|
|
return (
|
|
|
|
|
<Box
|
|
|
|
|
display={'flex'}
|
|
|
|
|
justifyContent={'center'}
|
|
|
|
|
alignItems={'center'}
|
|
|
|
|
flexDirection={'column'}
|
|
|
|
|
w={"100%"} h={"80vh"}
|
|
|
|
|
>
|
|
|
|
|
<Image w={200} mb={8} h={200} src={EmptySearchListImage} alt='Dan Abramov' />
|
|
|
|
|
<Text className=" fw-bold fs-5" >{message}</Text>
|
|
|
|
|
<Text as={'p'} className="web-text-medium">Posts of rubix will appear here.</Text>
|
|
|
|
|
|
|
|
|
|
</Box>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default EmptySearchList
|
