import type { FC, PropsWithChildren } from "react";

import { Stack } from "@mantine/core";

type LoadingSkeletonProps = PropsWithChildren<{
	label: string;
}>;

const LoadingSkeleton: FC<LoadingSkeletonProps> = (props) => {
	const { children, label } = props;

	return (
		<Stack aria-busy="true" aria-label={label} gap="md" role="status">
			{children}
		</Stack>
	);
};

export { LoadingSkeleton };