import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
import { A as ActionConfig, I as ImageItem, i as SocialLinkItem, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Bento link item for the bento layout link page
 */
interface BentoLink extends ActionConfig {
    id?: string;
    description?: React.ReactNode;
    featured?: boolean;
    image?: ImageItem;
    imageUrl?: string;
    iconName?: string;
}
/**
 * Social link for the bento layout link page
 */
interface BentoSocialLink extends SocialLinkItem {
    id?: string;
    iconName?: string;
}
/**
 * Props for the LinkPageBentoLayout component
 */
interface LinkPageBentoLayoutProps {
    /**
     * 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 in bento grid
     */
    links?: BentoLink[];
    /**
     * Custom slot for rendering all links (overrides links array)
     */
    linksSlot?: React.ReactNode;
    /**
     * Custom slot for rendering featured links (overrides featured links array)
     */
    featuredLinksSlot?: React.ReactNode;
    /**
     * Custom slot for rendering regular links (overrides regular links array)
     */
    regularLinksSlot?: React.ReactNode;
    /**
     * Array of social media links
     */
    socialLinks?: BentoSocialLink[];
    /**
     * Custom slot for rendering social links (overrides socialLinks array)
     */
    socialLinksSlot?: React.ReactNode;
    /**
     * 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 link icons
     */
    socialIconClassName?: string;
    /**
     * Additional CSS classes for the links container
     */
    linksClassName?: string;
    /**
     * Additional CSS classes for the featured links grid
     */
    featuredLinksClassName?: string;
    /**
     * Additional CSS classes for a featured link item
     */
    featuredLinkClassName?: string;
    /**
     * Additional CSS classes for the featured link overlay
     */
    featuredLinkOverlayClassName?: string;
    /**
     * Additional CSS classes for the featured link image
     */
    featuredLinkImageClassName?: string;
    /**
     * Additional CSS classes for featured link icons
     */
    featuredLinkIconClassName?: string;
    /**
     * Additional CSS classes for featured link labels
     */
    featuredLinkLabelClassName?: string;
    /**
     * Additional CSS classes for featured link descriptions
     */
    featuredLinkDescriptionClassName?: string;
    /**
     * Additional CSS classes for the regular links grid
     */
    regularLinksClassName?: string;
    /**
     * Additional CSS classes for a regular link item
     */
    regularLinkClassName?: string;
    /**
     * Additional CSS classes for the regular link icon wrapper
     */
    regularLinkIconWrapperClassName?: string;
    /**
     * Additional CSS classes for the regular link icon
     */
    regularLinkIconClassName?: string;
    /**
     * Additional CSS classes for the regular link label
     */
    regularLinkLabelClassName?: 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;
}
/**
 * LinkPageBentoLayout - A modern bento grid style link page.
 *
 * This component provides a visually striking link page with:
 * - Profile header with avatar, name, and bio
 * - Bento grid layout with featured links in larger cells
 * - Featured links can include background images
 * - Regular links in smaller cells
 * - Social media links section
 * - Light and dark theme support
 *
 * The bento layout creates visual hierarchy by making featured links
 * more prominent with larger cells and optional background images.
 *
 * @example
 * ```tsx
 * <LinkPageBentoLayout
 *   name="Digital Creator"
 *   bio="Content creator & entrepreneur"
 *   links={[
 *     {
 *       id: "1",
 *       label: "Latest Video",
 *       href: "https://youtube.com",
 *       iconName: "simple-icons/youtube",
 *       featured: true,
 *       image: { src: "/video-thumbnail.jpg", alt: "Video" }
 *     },
 *     { id: "2", label: "Blog", href: "/blog", iconName: "lucide/pen-line" }
 *   ]}
 * />
 * ```
 */
declare function LinkPageBentoLayout({ name, bio, avatar, avatarUrl, profileSlot, links, linksSlot, featuredLinksSlot, regularLinksSlot, socialLinks, socialLinksSlot, footerAction, footerSlot, className, contentClassName, headerClassName, avatarClassName, nameClassName, bioClassName, socialLinksClassName, socialLinkClassName, socialIconClassName, linksClassName, featuredLinksClassName, featuredLinkClassName, featuredLinkOverlayClassName, featuredLinkImageClassName, featuredLinkIconClassName, featuredLinkLabelClassName, featuredLinkDescriptionClassName, regularLinksClassName, regularLinkClassName, regularLinkIconWrapperClassName, regularLinkIconClassName, regularLinkLabelClassName, footerClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, optixFlowConfig, }: LinkPageBentoLayoutProps): React.JSX.Element;

export { type BentoLink, type BentoSocialLink, LinkPageBentoLayout, type LinkPageBentoLayoutProps };
