import { Loader2 } from "lucide-react" import React from "react" interface StyleTemplateLoadingProps { message?: string size?: "sm" | "md" | "lg" } /** * Компонент загрузки для стилистических шаблонов * Показывает индикатор загрузки с анимацией */ export function StyleTemplateLoading({ message = "Загрузка шаблонов...", size = "md", }: StyleTemplateLoadingProps): React.ReactElement { const sizeClasses = { sm: "h-4 w-4", md: "h-8 w-8", lg: "h-12 w-12", } const containerClasses = { sm: "p-4", md: "p-8", lg: "p-12", } return (

{message}

) } /** * Скелетон для превью шаблона */ export function StyleTemplatePreviewSkeleton({ size }: { size: number }): React.ReactElement { const height = size * 0.75 // Примерное соотношение сторон return (
{/* Превью */}
{/* Информация */}
) } /** * Сетка скелетонов для списка шаблонов */ export function StyleTemplateListSkeleton({ count = 6, size = 200, }: { count?: number size?: number }): React.ReactElement { return (
{Array.from({ length: count }, (_, index) => ( ))}
) }