retro-react/dist/cjs/components/pager/Pager.d.ts

A React component library for building retro-style websites

/** @jsxImportSource theme-ui */
import React from 'react';
import { ThemeUICSSObject } from 'theme-ui';
export declare type PagerVariant = 'default' | 'terminal' | 'retro' | 'amber';
export interface PagerProps {
    /**
     * List of messages or notifications to be displayed on the pager screen.
     */
    messages: string[];
    /**
     * Callback function when the pager button is pressed.
     */
    onButtonPress?: (currentIndex: number) => void;
    /**
     * The visual variant of the Pager.
     * - default: Classic gray retro pager
     * - terminal: Green terminal-style display
     * - retro: Classic blue retro styling
     * - amber: Amber monochrome display
     *
     * @default 'default'
     */
    variant?: PagerVariant;
    /**
     * Custom class name for the component.
     */
    className?: string;
    sx?: ThemeUICSSObject;
}
/**
 * Authentic retro Pager (Beeper) component reminiscent of 80s/90s communication devices.
 *
 * Features:
 * - Large, prominent LCD-style display with enhanced scanlines and glow effects
 * - Authentic RETROCOM-90 branding and status indicator
 * - Classic Windows 3.1-style button layout with proper dithering texture
 * - Multiple display variants with distinct color schemes
 * - Message scrolling with smooth transitions and page indicators
 * - Period-appropriate visual effects and typography
 * - Enhanced sizing and proportions for better visual impact
 *
 * @example
 * // Classic terminal-style pager
 * <Pager
 *   variant="terminal"
 *   messages={["NEW MESSAGE", "CALL HOME", "MEETING @ 3PM"]}
 * />
 */
export declare const Pager: React.FC<PagerProps>;