import * as React from 'react';
import { D as DetailItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';

interface CaseStudyProseSidebarProps {
    /**
     * Hero image URL
     */
    heroImageSrc?: string;
    /**
     * Hero image alt text
     */
    heroImageAlt?: string;
    /**
     * Custom slot for hero media (overrides heroImageSrc)
     */
    heroMediaSlot?: React.ReactNode;
    /**
     * Main prose content
     */
    content?: React.ReactNode;
    /**
     * Custom slot for content (overrides content prop)
     */
    contentSlot?: React.ReactNode;
    /**
     * Company logo URL
     */
    companyLogoSrc?: string;
    /**
     * Company logo alt text
     */
    companyLogoAlt?: string;
    /**
     * Custom slot for company logo (overrides companyLogoSrc)
     */
    companyLogoSlot?: React.ReactNode;
    /**
     * Array of detail items for the sidebar (replaces individual company props)
     */
    details?: DetailItem[];
    /**
     * Custom slot for entire sidebar (overrides all sidebar props)
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the article/main content area
     */
    articleClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    heroImageClassName?: string;
    /**
     * Additional CSS classes for the prose content
     */
    proseClassName?: string;
    /**
     * Additional CSS classes for the sidebar
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the sidebar card
     */
    sidebarCardClassName?: string;
    /**
     * Additional CSS classes for the company logo
     */
    companyLogoClassName?: string;
    /**
     * Additional CSS classes for detail items
     */
    detailItemClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CaseStudyProseSidebar displays a case study article with rich prose content
 * and a sidebar containing company information.
 *
 * Features a two-column layout with the main article content on the left (including
 * hero image, headings, paragraphs, blockquotes, lists, and tables) and a sticky
 * sidebar on the right with company logo and flexible detail items. The sidebar
 * uses an accent background with organized sections.
 *
 * Ideal for detailed case study pages, customer success stories, or in-depth
 * articles that need supplementary company context alongside the main narrative.
 *
 * @example
 * ```tsx
 * <CaseStudyProseSidebar
 *   heroImageSrc="/images/case-study-hero.jpg"
 *   companyLogoSrc="/logos/techcorp.svg"
 *   details={[
 *     { label: "Company", value: "Leading enterprise software company" },
 *     { label: "Industry", value: "Technology" },
 *     { label: "Location", value: "San Francisco, CA" },
 *     { label: "Website", value: "techcorp.com", href: "https://techcorp.com" }
 *   ]}
 * />
 * ```
 */
declare function CaseStudyProseSidebar({ heroImageSrc, heroImageAlt, heroMediaSlot, content, contentSlot, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, sidebarSlot, className, containerClassName, articleClassName, heroImageClassName, proseClassName, sidebarClassName, sidebarCardClassName, companyLogoClassName, detailItemClassName, optixFlowConfig, }: CaseStudyProseSidebarProps): React.JSX.Element;

export { CaseStudyProseSidebar, type CaseStudyProseSidebarProps };
