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

/**
 * A job listing item for the sidebar accordion
 */
interface JobListingItem {
    /**
     * Unique identifier for the job listing
     */
    id: string;
    /**
     * Job title (displayed as accordion trigger)
     */
    title: React.ReactNode;
    /**
     * Job description/details (displayed in accordion content)
     */
    description: React.ReactNode;
}
interface ContactCareersProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below the heading
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     * @default "px-6 sm:px-6 md:px-8 lg:px-8"
     */
    containerClassName?: 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 card
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the card content
     */
    cardContentClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     * @default "py-8 md:py-32"
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Full form engine setup and props
     */
    formEngineSetup?: FormEngineProps;
    /**
     * Array of job listings to display in the sidebar accordion.
     * Each item will render as an expandable card showing job details.
     */
    jobListings?: JobListingItem[];
    /**
     * Custom sidebar component that replaces the default job listings accordion.
     * Use this for fully custom sidebar content.
     */
    sidebarComponent?: React.ReactNode;
    /**
     * Title for the sidebar section
     * @default "Open Positions"
     */
    sidebarTitle?: string;
    /**
     * Description for the sidebar section
     */
    sidebarDescription?: string;
    /**
     * Additional CSS classes for the sidebar wrapper
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the sticky container inside the sidebar
     */
    sidebarStickyClassName?: string;
    /**
     * Additional CSS classes for the accordion
     */
    accordionClassName?: string;
    /**
     * Additional CSS classes for accordion items
     */
    accordionItemClassName?: string;
    /**
     * Additional CSS classes for accordion triggers
     */
    accordionTriggerClassName?: string;
    /**
     * Additional CSS classes for accordion content
     */
    accordionContentClassName?: string;
    /**
     * Title for the form card
     */
    formCardTitle?: string;
    /**
     * Description for the form card
     */
    formCardDescription?: string;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * ContactCareers - A comprehensive job application form with position selection,
 * resume upload, and availability options. Features a sticky sidebar that can display
 * expandable job listings or custom content, allowing applicants to reference job
 * details while completing their application.
 *
 * @example
 * ```tsx
 * <ContactCareers
 *   heading="Join Our Team"
 *   description="We're always looking for talented people to join us."
 *   formEngineSetup={{ formConfig: { endpoint: "/api/careers", format: "json" } }}
 *   jobListings={[
 *     { id: "1", title: "Frontend Developer", description: "Build amazing UIs..." },
 *     { id: "2", title: "Backend Developer", description: "Design robust APIs..." },
 *   ]}
 * />
 * ```
 */
declare function ContactCareers({ sectionId, heading, description, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, background, spacing, pattern, patternOpacity, formEngineSetup, jobListings, sidebarComponent, sidebarTitle, sidebarDescription, sidebarClassName, sidebarStickyClassName, accordionClassName, accordionItemClassName, accordionTriggerClassName, accordionContentClassName, formCardTitle, formCardDescription, }: ContactCareersProps): React.JSX.Element;

export { ContactCareers, type ContactCareersProps };
