import getColors from '@/styles/colors';
import styled from 'styled-components';
import { Result } from 'ui/elements';
import { LoadingOutlined } from 'ui/elements/icons';

const colors = getColors();

const Title = styled.span`
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.88);
`;

export function Loading() {
  return (
    <Result
      icon={<LoadingOutlined style={{ color: colors.COLOR_PRIMARY, fontSize: '60px' }} />}
      title={<Title>Загрузка...</Title>}
    />
  );
}