import { __ } from '@wordpress/i18n'
export const Error = ({ text, reset }) => {
return (
<div className="p-5 rounded-lg bg-red-100 border border-solid border-red-500">
<p className="m-0 mb-4 text-gray-800 text-sm">{text}</p>
<p className="m-0">
<button
type="button"
className="bg-transparent border-none p-0 underline cursor-pointer"
onClick={reset}>
{__('Please try again.', 'extendify')}
</button>
</p>
</div>
)
}