import Image from 'next/image'
import React from 'react'

const NoMatchFound = () => {
  return (
    <div className='flex items-center justify-center flex-col'>
        <div className='relative sm:w-[250px] w-[180px] sm:h-[380px] h-[300px]'>
            <Image fill className='sm:object-cover object-contain' src='/images/no_match.svg' alt='no match' />
        </div>
      <p className='font-[600] text-center'>No match up profile set for this relationship type</p>
    </div>
  )
}

export default NoMatchFound
