import React from "react";
import classNames from "classnames";
import { bem } from "../../utilities/bem";
import { THEME } from "../../types";
import { ConveyorLogo, ConveyorLogoProps } from "../ConveyorLogo";

const cn = "Loading";

export type LoadingProps = Omit<ConveyorLogoProps, "variant">;

export const Loading = ({
  theme = THEME.BRAND,
  height = 40,
  className,
  ...rest
}: LoadingProps) => {
  return (
    <ConveyorLogo
      className={classNames(bem(cn), className)}
      variant="icon"
      height={height}
      theme={theme}
      {...rest}
    />
  );
};