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

interface CaseStudyFeaturedItem {
    /**
     * Company logo image URL
     */
    logo: string;
    /**
     * Company name
     */
    company: React.ReactNode;
    /**
     * Tags/categories text (e.g., "ARTIFICIAL INTELLIGENCE / ENTERPRISE SOLUTIONS")
     */
    tags: React.ReactNode;
    /**
     * Case study title
     */
    title: React.ReactNode;
    /**
     * Case study subtitle
     */
    subtitle: React.ReactNode;
    /**
     * Featured image URL (optional, typically for featured item)
     */
    image?: string;
    /**
     * Link URL for the case study
     */
    href?: string;
    /**
     * CTA label text
     */
    ctaLabel?: React.ReactNode;
}
interface CaseStudiesFeaturedBorderProps {
    /**
     * Featured case study item (displayed prominently)
     */
    featuredCaseStudy?: CaseStudyFeaturedItem;
    /**
     * Custom slot for rendering featured case study (overrides featuredCaseStudy)
     */
    featuredSlot?: React.ReactNode;
    /**
     * Array of secondary case study items
     */
    caseStudies?: CaseStudyFeaturedItem[];
    /**
     * Custom slot for rendering case studies (overrides caseStudies array)
     */
    caseStudiesSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the outer border wrapper
     */
    borderClassName?: string;
    /**
     * Additional CSS classes for the featured item
     */
    featuredClassName?: string;
    /**
     * Additional CSS classes for the featured item content
     */
    featuredContentClassName?: string;
    /**
     * Additional CSS classes for the featured item image
     */
    featuredImageClassName?: string;
    /**
     * Additional CSS classes for the case studies grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each case study item
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for the logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the tags
     */
    tagsClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the subtitle
     */
    subtitleClassName?: string;
    /**
     * Additional CSS classes for the CTA
     */
    ctaClassName?: string;
    /**
     * Additional CSS classes for the dot pattern decorations
     */
    patternClassName?: 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;
}
/**
 * CaseStudiesFeaturedBorder displays case studies in a bordered card layout with
 * a prominent featured case study and secondary items below.
 *
 * Features a full-width bordered container with dot pattern decorations on the sides.
 * The featured case study shows company logo, tags, title with subtitle, image preview,
 * and a "Read case study" CTA with arrow icon. Secondary case studies appear in a
 * two-column grid below with similar styling but without images. Hover states include
 * background color transitions. Ideal for highlighting a primary success story while
 * showcasing additional case studies.
 *
 * @example
 * ```tsx
 * <CaseStudiesFeaturedBorder
 *   featuredCaseStudy={{
 *     logo: "/logos/acme.svg",
 *     company: "Acme Corp",
 *     tags: "AI / ENTERPRISE",
 *     title: "Transforming Operations",
 *     subtitle: "How we automated their workflow",
 *     image: "/images/case-featured.jpg",
 *     href: "/case-studies/acme",
 *     ctaLabel: "Read case study"
 *   }}
 *   caseStudies={[
 *     {
 *       logo: "/logos/super.svg",
 *       company: "Super Inc",
 *       tags: "DATA / SOFTWARE",
 *       title: "Data Migration Success",
 *       subtitle: "Moving to the cloud",
 *       href: "/case-studies/super",
 *       ctaLabel: "Read case study"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CaseStudiesFeaturedBorder({ featuredCaseStudy, featuredSlot, caseStudies, caseStudiesSlot, className, containerClassName, borderClassName, featuredClassName, featuredContentClassName, featuredImageClassName, gridClassName, itemClassName, logoClassName, tagsClassName, titleClassName, subtitleClassName, ctaClassName, patternClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CaseStudiesFeaturedBorderProps): React.JSX.Element;

export { CaseStudiesFeaturedBorder, type CaseStudiesFeaturedBorderProps, type CaseStudyFeaturedItem };
