import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives--8cXayNa.js';
import { O as OptixFlowConfig } from './blocks-DCvdF54D.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Social link for team member
 */
interface TeamGridAnimatedSocialLink {
    icon: string;
    href: string;
}
/**
 * Individual team member for TeamGridAnimated
 */
interface TeamGridAnimatedMember {
    name: string;
    designation: string;
    imageSrc: string;
    socialLinks?: TeamGridAnimatedSocialLink[];
}
/**
 * Props for TeamGridAnimated component
 */
interface TeamGridAnimatedProps {
    /**
     * Section title
     * @default "TEAM"
     */
    title?: React.ReactNode;
    /**
     * Section description
     */
    description?: React.ReactNode;
    /**
     * Array of team members to display
     */
    members?: TeamGridAnimatedMember[];
    /**
     * Custom slot for rendering members (overrides members array)
     */
    membersSlot?: React.ReactNode;
    /**
     * Register link URL
     */
    registerLink?: string;
    /**
     * Register button text
     * @default "REGISTER NOW"
     */
    registerButtonText?: React.ReactNode;
    /**
     * Logo element or URL
     */
    logo?: React.ReactNode;
    /**
     * Main social links for the company/section
     */
    socialLinksMain?: TeamGridAnimatedSocialLink[];
    /**
     * Custom slot for rendering main social links (overrides socialLinksMain array)
     */
    socialLinksMainSlot?: React.ReactNode;
    /**
     * Background style variant for the section
     * @default "white"
     */
    background?: SectionBackground;
    /**
     * Vertical spacing/margin variant
     * @default "lg"
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the grid container
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each member card
     */
    memberCardClassName?: string;
    /**
     * Additional CSS classes for the member image
     */
    memberImageClassName?: string;
    /**
     * Additional CSS classes for the member name
     */
    memberNameClassName?: string;
    /**
     * Additional CSS classes for the member designation
     */
    memberDesignationClassName?: string;
    /**
     * Additional CSS classes for the social links container
     */
    socialLinksClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * TeamGridAnimated - Team grid with animated hover effects and background pattern
 *
 * A visually rich team section featuring a grid background pattern, animated
 * member cards with wave effects on hover, and optional company social links.
 * Each member card has a colored background that varies by position, circular
 * avatar with border animation, and social links that appear on hover. Includes
 * an optional register CTA button and company logo placement.
 *
 * @example
 * ```tsx
 * <TeamGridAnimated
 *   title="TEAM"
 *   description="Meet the talented individuals driving our vision"
 *   registerLink="/register"
 *   members={[
 *     {
 *       name: "Jane Doe",
 *       designation: "CEO",
 *       imageSrc: "/team/jane.jpg",
 *       socialLinks: [{ icon: "lucide/linkedin", href: "https://linkedin.com/in/jane" }]
 *     }
 *   ]}
 * />
 * ```
 */
declare function TeamGridAnimated({ sectionId, title, description, members, membersSlot, registerLink, registerButtonText, logo, socialLinksMain, socialLinksMainSlot, background, spacing, pattern, patternOpacity, className, titleClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberDesignationClassName, socialLinksClassName, optixFlowConfig, }: TeamGridAnimatedProps): React.JSX.Element;

export { TeamGridAnimated, type TeamGridAnimatedProps };
