import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

/**
 * Service item configuration for split checklist display
 */
interface ServicesListSplitChecklistService {
    /**
     * Service ID
     */
    id?: number | string;
    /**
     * Service title
     */
    title?: React.ReactNode;
    /**
     * Service description
     */
    description?: React.ReactNode;
    /**
     * Additional CSS classes for the item
     */
    className?: string;
}
interface ServicesListSplitChecklistProps {
    /**
     * Badge content
     */
    badge?: React.ReactNode;
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Supporting description content
     */
    description?: React.ReactNode;
    /**
     * Primary CTA configuration
     */
    primaryAction?: ActionConfig;
    /**
     * Secondary CTA configuration
     */
    secondaryAction?: ActionConfig;
    /**
     * Custom slot for actions (overrides primaryAction/secondaryAction)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Image configuration
     */
    image?: {
        src: string;
        alt: string;
    };
    /**
     * Checklist heading text
     */
    checklistHeading?: React.ReactNode;
    /**
     * Checklist footer CTA configuration
     */
    checklistAction?: ActionConfig;
    /**
     * Array of service configurations
     */
    services?: ServicesListSplitChecklistService[];
    /**
     * Custom slot for rendering services (overrides services array)
     */
    servicesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the left content area
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the checklist container
     */
    checklistClassName?: string;
    /**
     * Additional CSS classes for each service item
     */
    serviceClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ServicesListSplitChecklist - A split layout with introductory content and image on the left, service checklist on the right.
 * The left column features a badge, title, description, dual CTAs, and an optional image.
 * The right column displays services as a checklist with check icons, titles, and descriptions.
 * Perfect for presenting services alongside compelling marketing copy and visual content.
 *
 * @example
 * ```tsx
 * <ServicesListSplitChecklist
 *   badge="Services"
 *   heading="How I Can Help You"
 *   description="Specialized services for your business."
 *   primaryAction={{ label: "Get in touch", href: "#" }}
 *   services={[{ id: 1, title: "Web Dev", description: "Custom websites" }]}
 *   background="white"
 *   spacing="lg"
 * />
 * ```
 */
declare function ServicesListSplitChecklist({ badge, heading, description, primaryAction, secondaryAction, actionsSlot, image, checklistHeading, checklistAction, services, servicesSlot, className, containerClassName, contentClassName, headingClassName, descriptionClassName, checklistClassName, serviceClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ServicesListSplitChecklistProps): React.JSX.Element;

export { ServicesListSplitChecklist, type ServicesListSplitChecklistProps };
