import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import { 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';

/**
 * Contact information for team member
 */
interface TeamContactCardsContact {
    email: string;
    phone: string;
    location: string;
}
/**
 * Social links for team member
 */
interface TeamContactCardsSocialLinks {
    twitter?: string;
    github?: string;
    linkedin?: string;
}
/**
 * Individual team member for TeamContactCards
 */
interface TeamContactCardsMember {
    name: string;
    role: string;
    bio: string;
    image: string;
    contact: TeamContactCardsContact;
    availability: string;
    status: "active" | "busy" | "away";
    social?: TeamContactCardsSocialLinks;
}
/**
 * Props for TeamContactCards component
 */
interface TeamContactCardsProps {
    /**
     * Section heading
     * @default "Get in touch"
     */
    heading?: React.ReactNode;
    /**
     * Section description
     */
    description?: React.ReactNode;
    /**
     * Array of team members to display
     */
    members?: TeamContactCardsMember[];
    /**
     * Custom slot for rendering members (overrides members array)
     */
    membersSlot?: 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 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 member image
     */
    memberImageClassName?: string;
    /**
     * Additional CSS classes for the member name
     */
    memberNameClassName?: string;
    /**
     * Additional CSS classes for the member role
     */
    memberRoleClassName?: string;
    /**
     * Additional CSS classes for the member bio
     */
    memberBioClassName?: string;
    /**
     * Additional CSS classes for the contact info container
     */
    contactClassName?: string;
    /**
     * Additional CSS classes for the social links container
     */
    socialLinksClassName?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * TeamContactCards - Contact-focused team cards with availability status
 *
 * A comprehensive team section designed for contact and networking purposes.
 * Each card displays a member photo with availability status indicator, name,
 * role, bio, contact information (email, phone, location), availability text,
 * and social links. Status indicators show green for active, yellow for busy,
 * and gray for away. Ideal for sales teams, consultants, or any team where
 * direct contact is important.
 *
 * @example
 * ```tsx
 * <TeamContactCards
 *   heading="Contact Our Team"
 *   description="Reach out to the right person"
 *   members={[
 *     {
 *       name: "John Doe",
 *       role: "Sales Director",
 *       bio: "Available for enterprise discussions",
 *       image: "/avatars/john.jpg",
 *       contact: { email: "john@example.com", phone: "+1 555-0123", location: "NYC" },
 *       availability: "Available now",
 *       status: "active",
 *       social: { linkedin: "https://linkedin.com/in/john" }
 *     }
 *   ]}
 * />
 * ```
 */
declare function TeamContactCards({ heading, description, members, membersSlot, background, spacing, pattern, patternOpacity, className, headerClassName, headingClassName, descriptionClassName, gridClassName, memberCardClassName, memberImageClassName, memberNameClassName, memberRoleClassName, memberBioClassName, contactClassName, socialLinksClassName, optixFlowConfig, }: TeamContactCardsProps): React.JSX.Element;

export { TeamContactCards, type TeamContactCardsProps };
