import React, { type FC, type HTMLProps } from 'react';
import { mergeProps } from '@wener/reaction/universal';
import styles from './DotsFadeLoader.module.css';

export const DotsFadeLoader: FC<Omit<HTMLProps<HTMLDivElement>, 'ref' | 'children' | 'as'>> = (props) => {
	return (
		<div {...mergeProps(props, { className: styles.DotsFadeLoader })}>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
	);
};
