import * as React from 'react';
import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
import { A as ActionConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface CareersFormValues {
    position: string;
    linkedin: string;
    portfolio: string;
    availability: string;
    firstName: string;
    lastName: string;
    email: string;
    phone: string;
    coverLetter: string;
    contact_form_upload_tokens: string[];
}
interface ContactCareersProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below the heading
     */
    description?: React.ReactNode;
    /**
     * Submit button text
     */
    buttonText?: string;
    /**
     * Submit button icon (displayed before text)
     */
    buttonIcon?: React.ReactNode;
    /**
     * Array of action configurations for additional buttons
     */
    actions?: ActionConfig[];
    /**
     * Custom slot for rendering actions (overrides actions array and default submit)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    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;
    /**
     * Additional CSS classes for the submit button
     */
    submitClassName?: string;
    /**
     * Optional form submission configuration.
     *
     * **Universal Usage**: Works with ANY REST API endpoint. Simply provide an `endpoint` URL
     * and the form will submit to it in JSON format.
     *
     * @example
     * // Works with any API
     * formConfig={{ endpoint: "https://api.mysite.com/careers", format: "json" }}
     *
     * @example
     * // With custom headers (e.g., authentication)
     * formConfig={{
     *   endpoint: "/api/careers",
     *   headers: { "Authorization": "Bearer token123" }
     * }}
     *
     * **Note**: The `apiKey`, `contactCategoryToken`, and other platform-specific fields
     * are OPTIONAL and only needed when integrating with DashTrack's Rails backend.
     * For generic REST APIs, just use `endpoint`, `method`, `format`, and `headers`.
     *
     * See `FORMS_INTEGRATION_GUIDE.md` for complete examples with Next.js, React, and more.
     */
    formConfig?: PageSpeedFormConfig;
    /**
     * Optional custom submission handler for maximum flexibility.
     *
     * Use this when you need complete control over the submission logic,
     * such as custom API calls, analytics tracking, or multi-step workflows.
     *
     * Can be used alone or in combination with `formConfig` for hybrid approaches.
     *
     * @example
     * onSubmit={async (values) => {
     *   await fetch("/api/careers", {
     *     method: "POST",
     *     body: JSON.stringify(values)
     *   });
     * }}
     */
    onSubmit?: (values: CareersFormValues) => void | Promise<void>;
    /**
     * Optional success callback invoked after successful submission.
     *
     * Called after `formConfig` submission and/or `onSubmit` completes successfully.
     * Use for showing success messages, redirecting, analytics tracking, etc.
     */
    onSuccess?: (data: unknown) => void;
    /**
     * Optional error callback invoked if submission fails.
     *
     * Receives the error object for custom error handling, logging, or user notifications.
     */
    onError?: (error: Error) => void;
}
/**
 * ContactCareers - A comprehensive job application form with position selection,
 * resume upload, and availability options. Perfect for career pages and job applications.
 *
 * @example
 * ```tsx
 * <ContactCareers
 *   heading="Join Our Team"
 *   description="We're always looking for talented people to join us."
 *   buttonText="Submit Application"
 *   formConfig={{ endpoint: "/api/careers", format: "json" }}
 * />
 * ```
 */
declare function ContactCareers({ heading, description, buttonText, buttonIcon, actions, actionsSlot, className, containerClassName, headerClassName, headingClassName, descriptionClassName, cardClassName, cardContentClassName, submitClassName, formConfig, onSubmit, onSuccess, onError, }: ContactCareersProps): React.JSX.Element;

export { ContactCareers, type ContactCareersProps };
