import React, { FunctionComponent } from 'react';
import { AtomImage } from '../Image';
import { Load } from './styles';
import loader from 'assets/images/loader_web.gif';

export interface ILoadingProps {
    transparent?: boolean;
    width?: string;
    height?: string;
}

export const AtomLoading: FunctionComponent<ILoadingProps> = ({
    transparent = true,
    width = '184px',
    height = '184px',
}) => {
    return (
        <Load  transparent={transparent}>
            <AtomImage alt={'Loading'} imgWidth={width} imgHeight={height} src={loader} />
        </Load>
    )
}
