import { AsChildChildren } from '@wix/headless-utils/react';
import React from 'react';
export interface LabelProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        label: string;
    }> | React.ReactNode;
}
/**
 * Displays the category label with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default rendering
 * <Blog.Category.Label />
 *
 * // Custom styling
 * <Blog.Category.Label className="text-lg font-bold" />
 *
 * // Custom rendering with asChild
 * <Blog.Category.Label asChild>
 *   {({ label }) => <h2 className="category-title">{label}</h2>}
 * </Blog.Category.Label>
 * ```
 */
export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLElement>>;
export interface DescriptionProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        description: string;
    }> | React.ReactNode;
}
/**
 * Displays the category description with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default rendering
 * <Blog.Category.Description />
 *
 * // Custom styling
 * <Blog.Category.Description className="text-gray-600" />
 *
 * // Custom rendering with asChild
 * <Blog.Category.Description asChild>
 *   {({ description }) => <div>{description}</div>}
 * </Blog.Category.Description>
 * ```
 */
export declare const Description: React.ForwardRefExoticComponent<DescriptionProps & React.RefAttributes<HTMLElement>>;
export interface LinkProps {
    asChild?: boolean;
    className?: string;
    baseUrl?: string;
    /** The pathname of the current page */
    pathname?: string;
    children?: AsChildChildren<{
        href: string;
        /** Only available if pathname is provided */
        isActive: boolean;
    }> | React.ReactNode;
}
/**
 * Creates a link to the category page with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default link
 * <Blog.Category.Link baseUrl="/category/" />
 *
 * // Custom styling
 * <Blog.Category.Link
 *   baseUrl="/blog/category/"
 *   className="text-blue-600 hover:underline"
 * />
 *
 * // Custom rendering with asChild
 * <Blog.Category.Link baseUrl="/category/" asChild>
 *   {({ href }) => (
 *     <Link to={href} className="custom-link">
 *       <Blog.Category.Label />
 *     </Link>
 *   )}
 * </Blog.Category.Link>
 * ```
 */
export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
export interface ImageProps {
    asChild?: boolean;
    className?: string;
    children?: AsChildChildren<{
        imageUrl: string;
    }> | React.ReactNode;
}
/**
 * Displays the category image with customizable rendering.
 *
 * @component
 * @example
 * ```tsx
 * // Default image
 * <Blog.Category.Image />
 *
 * // Custom styling
 * <Blog.Category.Image className="w-full h-48 object-cover rounded-lg" />
 *
 * // Custom rendering with asChild
 * <Blog.Category.Image asChild>
 *   {({ imageUrl }) => (
 *     <div className="relative">
 *       <img src={imageUrl} alt="Category" className="w-full h-32" />
 *       <div className="absolute inset-0 bg-black/30" />
 *     </div>
 *   )}
 * </Blog.Category.Image>
 * ```
 */
export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;