import { posts, tags } from '@wix/blog';
import { AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
import type { PostWithResolvedFields } from '../services/blog-feed-service.js';
import type { members } from '@wix/members';
import { type BlogPostServiceConfig } from '../services/blog-post-service.js';
import type { CommentsServiceConfig } from '../services/comments-service.js';
interface PostContextValue {
    post: PostWithResolvedFields | null;
    coverImageUrl?: string;
    olderPost?: PostWithResolvedFields;
    newerPost?: PostWithResolvedFields;
}
export declare function usePostContext(): PostContextValue;
export interface BlogPostRootProps {
    asChild?: boolean;
    className?: string;
    children: AsChildChildren<{
        post: PostWithResolvedFields;
    }> | React.ReactNode;
    post?: PostWithResolvedFields;
    blogPostServiceConfig?: BlogPostServiceConfig;
    /** Fallback image url to use when the post cover image is not available */
    fallbackImageUrl?: string;
    /** Content to render when no post is available */
    emptyState?: React.ReactNode;
}
/**
 * Root container for blog post that provides post context to all child components.
 * Supports both service-driven and prop-driven post data.
 * Follows Container Level pattern from architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * import { Blog } from '@wix/blog/components';
 * import { RicosViewer } from '@/components/ui/ricos-viewer';
 *
 * // Service-driven (gets post from BlogPostService)
 * function BlogPostPage() {
 *   return (
 *     <Blog.Post.Root emptyState={<div>Post not found</div>}>
 *       <article>
 *         <Blog.Post.Title />
 *         <Blog.Post.PublishDate locale="en-US" />
 *         <Blog.Post.Content>
 *           {RicosViewer}
 *         </Blog.Post.Content>
 *         <Blog.Post.TagItems>
 *           <Blog.Post.TagItemRepeater>
 *             <Blog.Tag.Label />
 *           </Blog.Post.TagItemRepeater>
 *         </Blog.Post.TagItems>
 *         <Blog.Post.CategoryItems>
 *           <Blog.Categories.CategoryItemRepeater>
 *             <Blog.Category.Link baseUrl="/category/" />
 *           </Blog.Categories.CategoryItemRepeater>
 *         </Blog.Post.CategoryItems>
 *       </article>
 *     </Blog.Post.Root>
 *   );
 * }
 *
 * // Prop-driven (provide post data directly)
 * function BlogPostCard({ post }) {
 *   return (
 *     <Blog.Post.Root post={post} emptyState={<div>Post not found</div>}>
 *       <article>
 *         ... same as service-driven example
 *       </article>
 *     </Blog.Post.Root>
 *   );
 * }
 * ```
 */
export declare const Root: React.ForwardRefExoticComponent<BlogPostRootProps & React.RefAttributes<HTMLElement>>;
export interface CoverImageProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        imageUrl: string;
        alt: string;
    }> | React.ReactNode;
}
export declare const CoverImage: React.ForwardRefExoticComponent<CoverImageProps & React.RefAttributes<HTMLElement>>;
export interface LinkProps {
    asChild?: boolean;
    className?: string;
    /** Prepended to the slug to form the full URL */
    baseUrl?: string;
    children?: AsChildChildren<{
        href: string;
        slug: string;
    }> | React.ReactNode;
}
/**
 * Creates a link to the full blog post with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default link
 * <Blog.Post.Link baseUrl="/blog/" />
 *
 * // Custom rendering with asChild
 * <Blog.Post.Link baseUrl="/blog/" asChild>
 *   {({ href }) => (
 *     <Link to={href} className="block hover:shadow-lg transition-shadow">
 *       <Blog.Post.Title />
 *       <Blog.Post.Excerpt />
 *     </Link>
 *   )}
 * </Blog.Post.Link>
 * ```
 */
export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
export interface ExcerptProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        excerpt: string;
    }> | React.ReactNode;
}
/**
 * Displays the post excerpt within feed context.
 *
 * @component
 * @example
 * ```tsx
 * // Default rendering
 * <Blog.Post.Excerpt />
 *
 * // Custom styling with line clamping
 * <Blog.Post.Excerpt className="text-gray-600 line-clamp-3" />
 *
 * // Custom rendering with asChild
 * <Blog.Post.Excerpt asChild>
 *   {({ excerpt }) => (
 *     <p className="post-excerpt">{excerpt.substring(0, 100)}...</p>
 *   )}
 * </Blog.Post.Excerpt>
 * ```
 */
export declare const Excerpt: React.ForwardRefExoticComponent<ExcerptProps & React.RefAttributes<HTMLElement>>;
export interface TitleProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        title: string;
    }> | React.ReactNode;
}
/**
 * Displays the blog post title with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default rendering
 * <Blog.Post.Title />
 *
 * // Custom styling
 * <Blog.Post.Title className="text-4xl font-bold text-gray-900" />
 *
 * // Custom rendering with asChild
 * <Blog.Post.Title asChild>
 *   {({ title }) => <h1 className="blog-title">{title}</h1>}
 * </Blog.Post.Title>
 * ```
 */
export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
export interface ContentProps {
    className?: string;
    children: AsChildChildren<{
        content: any;
        pricingPlanIds: string[];
    }> | React.ReactElement<{
        content: any;
    }>;
}
/**
 * Exposes blog post rich content, only available if `blogPostServiceConfig` is provided to `Blog.Post.Root`. Use `Blog.Post.Excerpt` to display the post excerpt otherwise.
 *
 * @component
 * @example
 * ```tsx
 * import { RicosViewer } from '@/components/ui/ricos-viewer';
 *
 * // Default rendering with built-in Ricos viewer
 * <Blog.Post.Content>
 *   {RicosViewer}
 * </Blog.Post.Content>
 *
 * // Custom styling
 * <Blog.Post.Content className="prose max-w-[60ch] mx-auto">
 *   {RicosViewer}
 * </Blog.Post.Content>
 *
 * // Custom rendering with asChild
 * <Blog.Post.Content asChild>
 *   {({ content }) => (
 *     <div className="custom-content-wrapper">
 *       <RicosViewer content={content} />
 *     </div>
 *   )}
 * </Blog.Post.Content>
 * ```
 */
export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLElement>>;
export interface PublishDateProps {
    asChild?: boolean;
    className?: string;
    locale?: Intl.LocalesArgument;
    children?: AsChildChildren<{
        publishDate: string;
        formattedDate: string;
    }> | React.ReactNode;
}
/**
 * Displays the blog post publish date with localization support.
 *
 * @component
 * @example
 * ```tsx
 * // Default rendering
 * <Blog.Post.PublishDate locale="en-US" />
 *
 * // Custom styling and locale
 * <Blog.Post.PublishDate
 *   locale="fr-FR"
 *   className="text-gray-500 text-sm"
 * />
 *
 * // Custom rendering with asChild
 * <Blog.Post.PublishDate locale="en-US" asChild>
 *   {({ formattedDate, publishDate }) => (
 *     <time dateTime={publishDate} className="published-date">
 *       Published on {formattedDate}
 *     </time>
 *   )}
 * </Blog.Post.PublishDate>
 * ```
 */
export declare const PublishDate: React.ForwardRefExoticComponent<PublishDateProps & React.RefAttributes<HTMLElement>>;
export interface ReadingTimeProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        readingTime: number;
    }> | React.ReactNode;
}
export declare const ReadingTime: React.ForwardRefExoticComponent<ReadingTimeProps & React.RefAttributes<HTMLElement>>;
interface PostCategoriesContextValue {
    categories: posts.Category[];
}
export declare function usePostCategoriesContext(): PostCategoriesContextValue;
interface CategoryRepeaterContextValue {
    category: posts.Category;
    index: number;
    amount: number;
}
export declare function useCategoryRepeaterContext(): CategoryRepeaterContextValue;
interface PostTagsContextValue {
    tags: tags.BlogTag[];
}
export declare function usePostTagsContext(): PostTagsContextValue;
interface TagRepeaterContextValue {
    tag: tags.BlogTag;
    index: number;
    amount: number;
}
export declare function useTagRepeaterContext(): TagRepeaterContextValue;
export interface CategoryItemsProps {
    className?: string;
    children: React.ReactNode;
}
/**
 * Container for post categories that provides categories context to all child components.
 * Does not render if no categories are available.
 * Follows Container Level pattern from architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * <Blog.Post.CategoryItems>
 *   <Blog.Post.CategoryRepeater>
 *     <Blog.Categories.Label />
 *   </Blog.Post.CategoryRepeater>
 * </Blog.Post.CategoryItems>
 * ```
 */
export declare const CategoryItems: React.ForwardRefExoticComponent<CategoryItemsProps & React.RefAttributes<HTMLElement>>;
export interface TagItemsProps {
    className?: string;
    children: React.ReactNode;
}
/**
 * Container for post tags that provides tags context to all child components.
 * Does not render if no tags are available.
 * Follows Container Level pattern from architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * <Blog.Post.TagItems>
 *   <Blog.Post.TagRepeater>
 *     <Blog.Tag.Label />
 *   </Blog.Post.TagRepeater>
 * </Blog.Post.TagItems>
 * ```
 */
export declare const TagItems: React.ForwardRefExoticComponent<TagItemsProps & React.RefAttributes<HTMLElement>>;
export interface TagItemRepeaterProps {
    children: React.ReactNode;
}
/**
 * Repeater component that creates individual tag contexts for each tag.
 * Follows Repeater Level pattern from architecture rules.
 * Note: Repeater components do NOT support asChild as per architecture rules.
 *
 * @component
 * @example
 * ```tsx
 * <Blog.Post.TagItems>
 *   <Blog.Post.TagItemRepeater>
 *     <Blog.Tag.Label />
 *   </Blog.Post.TagItemRepeater>
 * </Blog.Post.TagItems>
 * ```
 */
export declare const TagItemRepeater: React.ForwardRefExoticComponent<TagItemRepeaterProps & React.RefAttributes<HTMLElement>>;
export interface AuthorProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        author: members.Member | null | undefined;
    }> | React.ReactNode;
}
export declare const Author: React.ForwardRefExoticComponent<AuthorProps & React.RefAttributes<HTMLElement>>;
export interface SiblingPostsRootProps {
    className?: string;
    children?: React.ReactNode;
}
export interface SiblingPostNextProps {
    className?: string;
    children?: React.ReactNode;
}
export interface SiblingPostOlderProps {
    className?: string;
    children?: React.ReactNode;
}
export declare const SiblingPosts: {
    Root: React.ForwardRefExoticComponent<SiblingPostsRootProps & React.RefAttributes<HTMLElement>>;
    Newer: React.ForwardRefExoticComponent<SiblingPostNextProps & React.RefAttributes<HTMLElement>>;
    Older: React.ForwardRefExoticComponent<SiblingPostOlderProps & React.RefAttributes<HTMLElement>>;
};
interface CommentsProps {
    currentMember: unknown;
    commentsServiceConfig?: Omit<CommentsServiceConfig, 'resourceId' | 'contextId'>;
    className?: string;
    children: React.ReactNode;
}
/**
 * Renders `Comments.Root` linked to post. Doesn't render anything if post has no comment support (is under a paywall or commenting is disabled).
 * @example
 * ```tsx
 * <Blog.Post.Comments currentMember={member}>
 *   <Comments.CommentItemRepeater>
 *     <Comment.Author />
 *     <Comment.CommentDate />
 *     <Comment.Content />
 *   </Comments.CommentItemRepeater>
 * </Blog.Post.Comments>
 * ```
 */
export declare const Comments: React.ForwardRefExoticComponent<CommentsProps & React.RefAttributes<HTMLElement>>;
export {};