import { IconInfo } from '@supabase/ui'

const BackupsError = () => {
  return (
    <div className="block w-full rounded border border-gray-400 border-opacity-50 bg-gray-300 p-3">
      <div className="flex space-x-3">
        <IconInfo size={20} strokeWidth={1.5} />
        <p className="text-sm">Failed to retrieve backups for project. Please contact support.</p>
      </div>
    </div>
  )
}

export default BackupsError