import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

type PromoSectionVisualPlacement = 'right' | 'left';
type PromoSectionBackground = 'default' | 'raised';
type PromoSectionTextWidth = 'narrow' | 'balanced' | 'wide';
type PromoSectionContentWidth = 'sm' | 'md' | 'lg' | 'xl' | 'full';
interface PromoSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
    eyebrow?: ReactNode;
    title: ReactNode;
    /**
     * When `title` is a string, wraps the first matching substring(s) in `.tollerud-display-shimmer`.
     * Pass a string for a single accent or a string[] to shimmer multiple words/phrases.
     * e.g. shimmer="favorittøl" or shimmer={["favorittøl", "dine butikker"]}
     */
    shimmer?: string | string[];
    description?: ReactNode;
    actions?: ReactNode;
    visual?: ReactNode;
    visualPlacement?: PromoSectionVisualPlacement;
    background?: PromoSectionBackground;
    textWidth?: PromoSectionTextWidth;
    /** Max-width cap for the inner content. The outer wrapper can be full-bleed via className. */
    contentWidth?: PromoSectionContentWidth;
}
declare const PromoSection: react.ForwardRefExoticComponent<PromoSectionProps & react.RefAttributes<HTMLDivElement>>;

export { PromoSection, type PromoSectionBackground, type PromoSectionContentWidth, type PromoSectionProps, type PromoSectionTextWidth, type PromoSectionVisualPlacement };