import { useEffect, useState } from 'react';

import styled, { css } from 'styled-components';
import ResetIcon from '../../assets/img/icon/icon-reset.png';

const Loading = () => {

	return (
		<Wrapper >
			<img src={"/loading.gif"} alt="loading..." />
		</Wrapper>
	);
};

const Wrapper = styled.div`
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
`;

export default Loading;
