@hypothesis/frontend-shared/lib/components/feedback/Callout.d.ts

Shared components, styles and utilities for Hypothesis projects

import type { JSX } from 'preact';
import type { PresentationalProps } from '../../types';
import type { IconComponent } from '../../types';
type ComponentProps = {
    icon?: IconComponent;
    status?: 'notice' | 'error' | 'success';
    size?: 'sm' | 'md' | 'lg' | 'custom';
    variant?: 'outlined' | 'raised' | 'custom';
    unstyled?: boolean;
};
type HTMLAttributes = Omit<JSX.HTMLAttributes<HTMLElement>, 'size' | 'icon'>;
export type CalloutProps = PresentationalProps & ComponentProps & HTMLAttributes;
/**
 * Render a banner-like alert message with corresponding icon and coloring
 */
export default function Callout({ children, classes, elementRef, icon: Icon, status, size, variant, unstyled, ...htmlAttributes }: CalloutProps): JSX.Element;
export {};