import React, { type CSSProperties, type FC } from 'react';
import clsx from 'clsx';
import { DotsFadeLoader } from './DotsFadeLoader/DotsFadeLoader';

export const LoadingIndicator: FC<{ title?: string; className?: string; style?: CSSProperties }> = ({
  title,
  className,
  style,
}) => {
  return (
    <div
      className={clsx('relative flex h-full min-h-[inherit] w-full items-center justify-center', className)}
      style={style}
    >
      <DotsFadeLoader />
    </div>
  );
};