import type React from "react"; interface PageLayoutSkeletonProps { className?: string; } /** * Announcement bar skeleton that matches the AnnouncementBar component */ export declare function AnnouncementBarSkeleton(): React.JSX.Element; /** * Header skeleton that matches the ClientOnlyHeader placeholder but with proper animations */ export declare function HeaderSkeleton(): React.JSX.Element; /** * Hero section skeleton for static content areas */ export declare function HeroSkeleton(): React.JSX.Element; /** * Search container skeleton with filters */ export declare function SearchContainerSkeleton({ className, showFilters }: PageLayoutSkeletonProps & { showFilters?: boolean; }): React.JSX.Element; /** * Category sidebar skeleton for filtering pages */ export declare function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Breadcrumb navigation skeleton */ export declare function BreadcrumbSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Results header skeleton with count and sorting */ export declare function ResultsHeaderSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Two-column layout skeleton (sidebar + main content) */ export declare function TwoColumnLayoutSkeleton({ className, sidebarContent, mainContent, sidebarPosition }: PageLayoutSkeletonProps & { sidebarContent?: React.ReactNode; mainContent?: React.ReactNode; sidebarPosition?: 'left' | 'right'; }): React.JSX.Element; /** * Article/blog post layout skeleton */ export declare function ArticleLayoutSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Vendor Detail Layout Skeleton - Complete vendor detail page structure * Matches the refactored vendor detail page with proper platform colors and responsive layout */ export declare function VendorDetailLayoutSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Stats/features section skeleton for homepage */ export declare function StatsSectionSkeleton({ className, columns }: PageLayoutSkeletonProps & { columns?: number; }): React.JSX.Element; /** * Blog Card Grid Skeleton - Always displays exactly 4 blog card skeletons * Used for consistent blog page layout with predictable height */ export declare function BlogCardGridSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Vendor Grid Skeleton - Always displays exactly 12 vendor card skeletons * Used for consistent vendor page layout with predictable height */ export declare function VendorGridSkeleton({ className }: PageLayoutSkeletonProps): React.JSX.Element; /** * Slack Community Section Skeleton * Matches SlackCommunity component structure with title, channel list, and chat interface */ export declare function SlackCommunitySkeleton(): React.JSX.Element; export {}; //# sourceMappingURL=page-layout-skeleton.d.ts.map