import * as react_jsx_runtime from 'react/jsx-runtime';
import { HTMLAttributes, ComponentProps, AnchorHTMLAttributes, ReactNode } from 'react';

type MessageCardsLayout = "stack" | "carousel" | "responsive";
type MessageCardsProps = ComponentProps<"div"> & {
    /**
     * `stack` — vertical column at every viewport.
     * `carousel` — horizontal scroll at every viewport.
     * `responsive` (default) — stack on mobile, carousel on md+.
     *
     * No JS viewport detection; the responsive switch is pure Tailwind
     * breakpoints so SSR + hydration are stable.
     */
    layout?: MessageCardsLayout;
};
declare const MessageCards: {
    ({ layout, className, ...props }: MessageCardsProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardProps = Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
    /**
     * Click handler for the whole card. When provided, the card becomes
     * a button-roled, keyboard-activatable surface.
     */
    onSelect?: () => void;
    /**
     * Override the layout this card sizes for. Inherited from the
     * surrounding `MessageCards` collection via context; explicit prop
     * wins. Defaults to `stack` when used standalone (no collection).
     */
    layout?: MessageCardsLayout;
};
declare const MessageCard: {
    ({ onSelect, layout, className, ...props }: MessageCardProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardMediaProps = ComponentProps<"img"> & {
    /** Aspect ratio for the media box. Defaults to 16/9. */
    aspect?: "square" | "video" | "wide";
};
declare const MessageCardMedia: {
    ({ aspect, className, alt, ...props }: MessageCardMediaProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardBodyProps = ComponentProps<"div">;
declare const MessageCardBody: {
    ({ className, ...props }: MessageCardBodyProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardTitleProps = ComponentProps<"div">;
declare const MessageCardTitle: {
    ({ className, ...props }: MessageCardTitleProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardDescriptionProps = ComponentProps<"div">;
declare const MessageCardDescription: {
    ({ className, ...props }: MessageCardDescriptionProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardActionsProps = ComponentProps<"div">;
declare const MessageCardActions: {
    ({ className, ...props }: MessageCardActionsProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type MessageCardLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & {
    layout?: MessageCardsLayout;
    children?: ReactNode;
};
declare const MessageCardLink: {
    ({ layout, className, children, ...props }: MessageCardLinkProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};

export { MessageCard, MessageCardActions, type MessageCardActionsProps, MessageCardBody, type MessageCardBodyProps, MessageCardDescription, type MessageCardDescriptionProps, MessageCardLink, type MessageCardLinkProps, MessageCardMedia, type MessageCardMediaProps, type MessageCardProps, MessageCardTitle, type MessageCardTitleProps, MessageCards, type MessageCardsLayout, type MessageCardsProps };