import "../assets/css/skeleton-loader.css"

/**
 * Renders a placeholder `<div>` element with the class name "image-skeleton-loader".
 * This component is typically used as a placeholder for an image while it is being loaded.
 * The CSS class "image-skeleton-loader or blog-text-skeleton-loader" can be used to style the placeholder element.
 *
 * @returns {React.Element} The rendered `<div>` element with the class name "image-skeleton-loader and blog-text-skeleton-loader".
 */
export const ImageLoader = () => <div className="image-skeleton-loader" />;

export const BlogLoader = () => <div className="blog-text-skeleton-loader" />