import * as React from 'react';
import React__default from 'react';

interface BlogPostAuthor {
    name: string;
    avatar: string;
}
interface BlogPost {
    id: number;
    title: string;
    image: string;
    tag: string;
    author: BlogPostAuthor;
    date: string;
    href: string;
}
interface BlogTab {
    value: string;
    label: string;
    href?: string;
}
interface BlogPaginationLink {
    title: string;
    href: string;
}
interface PageBlogHomeProps {
    posts: BlogPost[];
    tabs: BlogTab[];
    initialTab?: string;
    heading?: string;
    subheading?: string;
    prevLink?: BlogPaginationLink;
    nextLink?: BlogPaginationLink;
}

declare function PageBlogHome({ posts, tabs, initialTab, heading, subheading, prevLink, nextLink, as, }: PageBlogHomeProps): React.JSX.Element;

declare function PageBlogPost(): React.JSX.Element;

/**
 * Props for the GuideCard component
 */
interface GuideCardProps {
    /** Content to be displayed in the card body */
    children: React__default.ReactNode;
    /** URL the card links to */
    href: string;
    /** Title displayed at the top of the card */
    title?: string;
    /** Optional icon displayed to the left of the content */
    icon?: React__default.ReactNode | string;
    /** Visual style variant of the card */
    kind?: "secondary";
    /** Size variant of the card */
    size?: "sm" | "md";
    /** Additional CSS class names to apply to the card */
    className?: string;
    /** Additional props to pass to the link element */
    as?: React__default.ElementType;
}

/**
 * Props for the PageHome component.
 */
interface PageHomeProps {
    /**
     * Hero section content for the home page.
     */
    hero?: PageHomeHero;
    /**
     * Sections to display on the home page.
     */
    sections?: PageHomeSection[];
}
/**
 * Button used in the hero section of the home page.
 */
interface PageHomeHeroButton {
    /**
     * The button label.
     */
    title: string;
    /**
     * The URL the button links to.
     */
    href: string;
}
/**
 * Hero section content for the home page.
 */
interface PageHomeHero {
    /**
     * The main title text.
     */
    title?: string;
    /**
     * The description text.
     */
    description?: string;
    /**
     * The image URL for the hero section.
     */
    image?: string;
    /**
     * The main button for the hero section.
     */
    button?: PageHomeHeroButton;
}
/**
 * Card displayed in a section on the home page. Extends GuideCardProps.
 */
interface PageHomeCard extends GuideCardProps {
}
/**
 * Section displayed on the home page.
 */
interface PageHomeSection {
    /**
     * The section title.
     */
    title?: string;
    /**
     * Cards to display in the section.
     */
    cards?: PageHomeCard[];
}

declare function PageHome(props: PageHomeProps): React.JSX.Element;

interface PageFirstSlideProps {
    /**
     * The main content for the slide.
     */
    content?: PageFirstSlideContent;
    /**
     * Optional React node to display on the right side.
     */
    rightContent?: React.ReactNode;
}
interface PageFirstSlideButton {
    title: string;
    /**
     * The URL the button links to.
     */
    href: string;
    /**
     * The visual style of the button.
     */
    kind?: "primary" | "secondary";
    /**
     * Whether the button is disabled.
     */
    disabled?: boolean;
}
interface PageFirstSlideContent {
    /**
     * The main title text.
     */
    title?: string;
    /**
     * The description text.
     */
    description?: string;
    /**
     * The primary action button.
     */
    primaryButton?: PageFirstSlideButton;
    /**
     * The secondary action button.
     */
    secondaryButton?: PageFirstSlideButton;
}

declare function PageFirstSlide(props: PageFirstSlideProps): React.JSX.Element;

export { PageBlogHome, PageBlogPost, PageFirstSlide, PageHome };