import * as React from 'react';

/**
 * Link card item for the grid cards link page
 */
interface GridCardLink {
    id: string;
    label: string;
    href: string;
    icon?: string;
    description?: string;
}
/**
 * Social link for the grid cards link page
 */
interface GridCardSocialLink {
    id: string;
    platform: string;
    href: string;
    icon: string;
}
/**
 * Props for the LinkPageGridCards component
 */
interface LinkPageGridCardsProps {
    /**
     * Profile name displayed at the top
     */
    name: string;
    /**
     * Optional bio or description
     */
    bio?: string;
    /**
     * Avatar image URL
     */
    avatarUrl?: string;
    /**
     * Array of links to display as cards
     */
    links?: GridCardLink[];
    /**
     * Array of social media links
     */
    socialLinks?: GridCardSocialLink[];
    /**
     * Number of columns in the grid (2 or 3)
     */
    columns?: 2 | 3;
    /**
     * Additional CSS classes
     */
    className?: string;
    /**
     * Theme variation: "light" or "dark"
     */
    theme?: "light" | "dark";
}
/**
 * LinkPageGridCards - A link page displaying links as a grid of cards.
 *
 * This component provides a visually rich link page with:
 * - Profile header with avatar, name, and bio
 * - Links displayed as a responsive grid of cards
 * - Each card has an icon, label, and optional description
 * - Hover effects with scale and shadow transitions
 * - Social media links section
 * - Configurable 2 or 3 column layout
 * - Light and dark theme support
 *
 * Ideal for creators, businesses, and anyone who wants a more visual link page.
 *
 * @example
 * ```tsx
 * <LinkPageGridCards
 *   name="Creative Studio"
 *   bio="Design, Development & Strategy"
 *   columns={3}
 *   links={[
 *     { id: "1", label: "Portfolio", href: "/work", icon: "lucide/briefcase", description: "View our work" }
 *   ]}
 * />
 * ```
 */
declare function LinkPageGridCards({ name, bio, avatarUrl, links, socialLinks, columns, className, theme, }: LinkPageGridCardsProps): React.JSX.Element;

export { type GridCardLink, type GridCardSocialLink, LinkPageGridCards, type LinkPageGridCardsProps };
