import { faAsterisk } from "@fortawesome/free-solid-svg-icons"; import classNames from "classnames"; import { memo } from "react"; import { FestaIcon } from "../renderers/fontawesome"; import { ViewNotice } from "../views/notice"; import style from "./renderers.module.css" /** * Props for "loading" renderers, such as {@link LoadingInline} and {@link LoadingMain}. */ export type LoadingProps = { text?: string } /** * Inline component displaying an animated loading icon with an optional message displayed on the right. * * @see {@link ErrorInline} */ export const LoadingInline = memo(({ text }: LoadingProps) => { return ( {!!text && <>   {text} } ) }) LoadingInline.displayName = "LoadingInline" /** * Block component displaying a big loading icon with an optional message displayed below. * * @see {@link ErrorMain} */ export const LoadingMain = memo(({ text }: LoadingProps) => { return (
{!!text &&

{text}

}
) }) LoadingMain.displayName = "LoadingMain" /** * {@link ViewNotice} component displaying a {@link LoadingMain}. */ export const LoadingView = memo((props: LoadingProps) => { return ( } /> ) }) LoadingView.displayName = "LoadingView"