import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

/**
 * Link card item for the grid cards link page
 */
interface GridCardLink extends ActionConfig {
    id?: string;
    description?: React.ReactNode;
    iconName?: string;
}
/**
 * Social link for the grid cards link page
 */
interface GridCardSocialLink extends SocialLinkItem {
    id?: string;
    iconName?: string;
}
/**
 * Props for the LinkPageGridCards component
 */
interface LinkPageGridCardsProps {
    /**
     * Profile name displayed at the top
     */
    name?: React.ReactNode;
    /**
     * Optional bio or description
     */
    bio?: React.ReactNode;
    /**
     * Avatar image configuration
     */
    avatar?: ImageItem;
    /**
     * Avatar image URL (legacy)
     */
    avatarUrl?: string;
    /**
     * Custom slot for profile header content
     */
    profileSlot?: React.ReactNode;
    /**
     * Array of links to display as cards
     */
    links?: GridCardLink[];
    /**
     * Custom slot for rendering links (overrides links array)
     */
    linksSlot?: React.ReactNode;
    /**
     * Array of social media links
     */
    socialLinks?: GridCardSocialLink[];
    /**
     * Custom slot for rendering social links (overrides socialLinks array)
     */
    socialLinksSlot?: React.ReactNode;
    /**
     * Number of columns in the grid (2 or 3)
     */
    columns?: 2 | 3;
    /**
     * Footer action configuration
     */
    footerAction?: ActionConfig;
    /**
     * Custom slot for rendering footer content
     */
    footerSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the outer wrapper
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the inner content container
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the profile header
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the avatar wrapper
     */
    avatarClassName?: string;
    /**
     * Additional CSS classes for the name
     */
    nameClassName?: string;
    /**
     * Additional CSS classes for the bio
     */
    bioClassName?: string;
    /**
     * Additional CSS classes for the social links container
     */
    socialLinksClassName?: string;
    /**
     * Additional CSS classes for each social link
     */
    socialLinkClassName?: string;
    /**
     * Additional CSS classes for social icons
     */
    socialIconClassName?: string;
    /**
     * Additional CSS classes for the links grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for card icon wrapper
     */
    cardIconWrapperClassName?: string;
    /**
     * Additional CSS classes for card icons
     */
    cardIconClassName?: string;
    /**
     * Additional CSS classes for card labels
     */
    cardLabelClassName?: string;
    /**
     * Additional CSS classes for card descriptions
     */
    cardDescriptionClassName?: string;
    /**
     * Additional CSS classes for the footer
     */
    footerClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the pattern overlay
     */
    patternClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * 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", iconName: "lucide/briefcase", description: "View our work" }
 *   ]}
 * />
 * ```
 */
declare function LinkPageGridCards({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, socialLinks, socialLinksSlot, columns, footerAction, footerSlot, className, containerClassName, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, gridClassName, cardClassName, cardIconWrapperClassName, cardIconClassName, cardLabelClassName, cardDescriptionClassName, footerClassName, background, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageGridCardsProps): React.JSX.Element;

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