import React from 'react';
import { SText } from '../../s-components/typography/s-text';
import { SInfoMarketErrorContainer } from '../../s-components/s-info-market-error-container';
import { SBox } from '../../s-components/layout/s-box';

export const InfoMarketError: React.FC = () => {
  return (
    <SBox px={16} mt={19} mb={25}>
      <SInfoMarketErrorContainer>
        <SText color="richBlack" mt={-3}>
          Data failed to load.
        </SText>
      </SInfoMarketErrorContainer>
    </SBox>
  );
};