21 lines
696 B
TypeScript
21 lines
696 B
TypeScript
|
import Image from 'next/image'
|
||
|
|
import React from 'react'
|
||
|
|
|
||
|
|
export interface EmptyRecordsProps {
|
||
|
|
image: string,
|
||
|
|
shortDescription: string,
|
||
|
|
longDescription: string,
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function EmptyRecords({ image, shortDescription, longDescription }: EmptyRecordsProps) {
|
||
|
|
return (
|
||
|
|
<div className='h-[100%] p-10 w-full flex flex-col justify-center items-center gap-[10px]'>
|
||
|
|
<Image src={image} alt={shortDescription} width={240} height={240} />
|
||
|
|
<h5 className='text-2xl font-bold '>{shortDescription}</h5>
|
||
|
|
<p className='text-gray-500 md:w-[550px] text-center w-fit'>
|
||
|
|
{longDescription}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|