import React from 'react';
import { theme } from '../../../app/theme';
import { SBox } from '../../../common/s-components/layout/s-box';
import { SErrorMessage } from '../../s-components/s-error-message';

type TProps = {};

export const Error: React.FC<TProps> = () => {
  return (
    <SBox
      px={16}
      height={160}
      bg={theme.colors.fiord}
      borderRadius={8}
      alignItems="center"
      justifyContent="center"
    >
      <SErrorMessage>Data failed to load.</SErrorMessage>
    </SBox>
  );
};