import { Button, Typography, Icon, colors } from '@sofaltaeu/sofaltaeu-components'

interface ErrorProps {
    onClick: () => void
}
export const Error = ({ onClick }:ErrorProps) => {
    return (
        <>
            <Icon icon="mdiAlertCircleOutline" size='40px' color={colors.red[500]}/>
            <Typography variant='h6'>Erro</Typography>
            <Typography variant='body2' textAlign='center'>Ocorreu um erro. Por favor, tente novamente mais tarde.</Typography>
            <Button onClick={onClick}>
                Tentar novamente
            </Button>
        </>
    )
}

export default Error