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

/**
 * Individual team member for TeamExpertiseCards
 */
interface TeamExpertiseCardsMember {
    id: string;
    name: string;
    role: string;
    department: string;
    description: string;
    expertise: string[];
    avatar: string;
}
/**
 * Props for TeamExpertiseCards component
 */
interface TeamExpertiseCardsProps {
    /**
     * Section heading
     * @default "Team"
     */
    heading?: React.ReactNode;
    /**
     * Section description
     */
    description?: React.ReactNode;
    /**
     * Array of team members to display
     */
    members?: TeamExpertiseCardsMember[];
    /**
     * Custom slot for rendering members (overrides members array)
     */
    membersSlot?: React.ReactNode;
    /**
     * CTA section heading
     */
    ctaHeading?: React.ReactNode;
    /**
     * CTA section description
     */
    ctaDescription?: React.ReactNode;
    /**
     * CTA button text
     */
    ctaButtonText?: React.ReactNode;
    /**
     * CTA button URL
     */
    ctaButtonUrl?: string;
    /**
     * Custom slot for rendering CTA (overrides CTA props)
     */
    ctaSlot?: React.ReactNode;
    /**
     * Background style variant for the section
     * @default "gray"
     */
    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 header wrapper
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: 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 avatar
     */
    avatarClassName?: string;
    /**
     * Additional CSS classes for the member name
     */
    memberNameClassName?: string;
    /**
     * Additional CSS classes for the member role
     */
    memberRoleClassName?: string;
    /**
     * Additional CSS classes for the department badge
     */
    departmentBadgeClassName?: string;
    /**
     * Additional CSS classes for the member description
     */
    memberDescriptionClassName?: string;
    /**
     * Additional CSS classes for the expertise badges container
     */
    expertiseClassName?: string;
    /**
     * Additional CSS classes for the CTA section
     */
    ctaSectionClassName?: string;
    /**
     * Additional CSS classes for the CTA heading
     */
    ctaHeadingClassName?: string;
    /**
     * Additional CSS classes for the CTA description
     */
    ctaDescriptionClassName?: string;
    /**
     * Additional CSS classes for the CTA button
     */
    ctaButtonClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TeamExpertiseCards - Team cards with expertise tags and careers CTA
 *
 * A professional team section featuring glassmorphism-style cards with member
 * details and expertise tags. Each card displays an avatar, name, role, department
 * badge, description, and skill/expertise badges. Includes a bottom CTA section
 * for career opportunities. Perfect for companies wanting to highlight team
 * expertise and recruit new talent.
 *
 * @example
 * ```tsx
 * <TeamExpertiseCards
 *   heading="Our Experts"
 *   description="Meet the talented team behind our success"
 *   ctaHeading="Join Our Team"
 *   ctaButtonText="View Open Positions"
 *   ctaButtonUrl="/careers"
 *   members={[
 *     {
 *       id: "1",
 *       name: "John Doe",
 *       role: "Senior Engineer",
 *       department: "Engineering",
 *       description: "Full-stack developer with 8 years experience",
 *       expertise: ["React", "Node.js", "AWS"],
 *       avatar: "/avatars/john.jpg"
 *     }
 *   ]}
 * />
 * ```
 */
declare function TeamExpertiseCards({ heading, description, members, membersSlot, ctaHeading, ctaDescription, ctaButtonText, ctaButtonUrl, ctaSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, avatarClassName, memberNameClassName, memberRoleClassName, departmentBadgeClassName, memberDescriptionClassName, expertiseClassName, ctaSectionClassName, ctaHeadingClassName, ctaDescriptionClassName, ctaButtonClassName, }: TeamExpertiseCardsProps): React.JSX.Element;

export { TeamExpertiseCards, type TeamExpertiseCardsProps };
