import React from 'react';
import Text from '../text';

export interface IErrorProps {
  title?: string,
  message?: string
}

const Error = (props: IErrorProps) => {
  const { title = 'An unknown error occurred', message = 'Try again and contact us if the issue continues.' } = props;
  return (
  <div className='tempo-error-container'>
    <div className="tempo-error">
      <Text.Heading marginBottom={8}>{title}</Text.Heading>
      <Text>{message}</Text>
    </div>
  </div>
  )
};

export default Error;