import React from 'react';
import { ActivityIndicator } from 'react-native';
import { SBox } from '../s-components/layout/s-box';
import { theme } from '../../app/theme';

type TProps = {
  position?: string;
  bottom?: number;
  left?: number;
};

export const RefillingIndicator: React.FC<TProps> = ({
  position,
  bottom,
  left,
}) => {
  return (
    <SBox
      height={64}
      pt={16}
      width={1}
      position={position}
      bottom={bottom}
      left={left}
    >
      <ActivityIndicator color={theme.colors.white} />
    </SBox>
  );
};