type NoResultsProps = {
    title?: string,
    subTitle?: string,
}
const NoResults = ({ title, subTitle }: NoResultsProps) => {
    const displayTitle = title || "تعذر وجود نتائج!";
    const displaySubTitle = subTitle || "لم نتمكن من العثور على نتائج!";

    return (
        <div className="flex flex-col items-center">
            <svg width="100" height="100" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect x="20" y="30" width="80" height="60" rx="8" stroke="currentColor" strokeWidth="4" />
                <line x1="30" y1="50" x2="90" y2="50" stroke="currentColor" strokeWidth="4" />
            </svg>


            <p className="mb-1 text-lg font-bold">{displayTitle}</p>
            <p className="text-base text-gray-500">{displaySubTitle}</p>
        </div>
    )
}

export default NoResults;