/**
 * @fileoverview Saasflare SectionCard — titled card for settings and dashboard panels.
 * @module packages/ui/components/ui/section-card
 * @layer core
 *
 * A card with a built-in header section (title + description)
 * and optional footer. Used for settings panels, dashboard sections,
 * and any grouped content that needs a labeled container.
 *
 * @example
 * import { SectionCard } from "@saasflare/ui";
 *
 * <SectionCard title="General" description="Basic project settings">
 *   <Input label="Project name" />
 * </SectionCard>
 */
import * as React from "react";
import { type SaasflareComponentProps } from "../../providers";
/** Props for the SectionCard component */
interface SectionCardProps extends Omit<React.ComponentProps<"div">, keyof SaasflareComponentProps>, SaasflareComponentProps {
    /** Section title */
    title: string;
    /** Optional description below the title */
    description?: string;
    /** Optional footer content (save button, etc.) */
    footer?: React.ReactNode;
    /** Optional action in the header (edit button, etc.) */
    headerAction?: React.ReactNode;
}
/**
 * Titled card section for settings panels and dashboard areas.
 *
 * @component
 * @layer core
 *
 * @param {string} title - Section title
 * @param {string} description - Optional description
 * @param {React.ReactNode} footer - Optional footer area
 * @param {React.ReactNode} headerAction - Optional action in header
 *
 * @example
 * <SectionCard
 *   title="Danger Zone"
 *   description="Irreversible actions for your project."
 *   footer={<Button intent="danger">Delete Project</Button>}
 * >
 *   <p>Once deleted, this project cannot be recovered.</p>
 * </SectionCard>
 */
declare function SectionCard({ title, description, footer, headerAction, className, children, surface, radius, animated, iconWeight, ...props }: SectionCardProps): import("react/jsx-runtime").JSX.Element;
export { SectionCard, type SectionCardProps };