export default function Loader1({
    img,
    alt = 'Cargando',
    id = 'loading',
    width = 90,
    height = 90,
}: Loader.Loader1) {
    const w = width ? width : height ? height : 90;
    const h = height ? height : width ? width : 90;

    return (
        <div
            className='hidden bg-white dark:bg-black dark:opacity-30 opacity-70 items-end justify-end fixed pointer-events-none top-0 left-0 h-full w-full transition-all'
            id={id}>
            <div className='m-auto'>
                <img
                    src={img}
                    alt={alt}
                    className='m-auto'
                    width={w}
                    height={h}
                    loading='lazy'
                />
            </div>
        </div>
    );
}