import { SentimentSurfaceComponent } from './SentimentSurface.types';
/**
 * SentimentSurface is a polymorphic container component that exposes and, optionally, applies
 * contextual colour tokens as CSS custom properties, based on sentiment types (`negative`,
 * `warning`, `neutral`, `success`, `proposition`).
 *
 * @param {ElementType} [as='div'] - Optional prop to override the HTML element rendered.
 * @param {Sentiment} sentiment - Required prop to set the sentiment type (negative, warning, neutral, success, proposition).
 * @param {Emphasis} [emphasis='base'] - Optional prop to specify the emphasis level (base or elevated).
 * @param {boolean} [hasBaseStyles=true] - If true, sets the `background-color` and `color` on the container. Otherwise, only exposes the tokens as CSS custom properties without rendering.
 * @param {ReactNode} [children] - Content to render inside the surface.
 * @param {string} [className] - Additional CSS classes to apply.
 * @param {CSSProperties} [style] - Inline styles to apply.
 * @param {string} [id] - Unique identifier for the component.
 * @param {string} [data-testid] - A unique string that appears as data attribute `data-testid` in the rendered code.
 *
 * @component
 * @example
 * ```tsx
 * // Basic usage with negative sentiment
 * <SentimentSurface sentiment="negative">
 *   Your payment has failed
 * </SentimentSurface>
 * ```
 *
 * @see {@link SentimentSurface} for further information.
 * @see {@link https://storybook.wise.design/?path=/docs/sentiment-surface--docs|Storybook Wise Design}
 */
declare const SentimentSurface: SentimentSurfaceComponent;
export default SentimentSurface;
//# sourceMappingURL=SentimentSurface.d.ts.map