import { JSX } from 'solid-js';

type ColorTheme = "light" | "dark";
type Size = number | "full";
type Locale = 
/** English */
"en" | "in" | "de_DE" | "fr" | "ca_ES" | "es" | "it" | "pl" | "tr" | "ru" | "br" | "id" | "ms_MY" | "th_TH" | "vi_VN" | "ja" | "ko" | "zh_CN" | "zh_TW" | "ar_AE" | "he_IL";

/**
 * Supported countries for economic calendar filtering.
 *
 * The economic calendar can be filtered to show events from specific countries.
 * This includes major economies from all continents with comprehensive coverage
 * of North America, Europe, Asia-Pacific, Middle East, Africa, and Latin America.
 *
 * @example
 * ```tsx
 * // Show events from major economies
 * <EconomicCalendar countries={["United States", "Germany", "Japan"]} />
 *
 * // Focus on European Union events
 * <EconomicCalendar countries={["European Union", "Germany", "France", "Italy"]} />
 *
 * // Emerging markets focus
 * <EconomicCalendar countries={["China", "India", "Brazil", "South Africa"]} />
 * ```
 */
type Country = "United States" | "Canada" | "Austria" | "Belgium" | "Cyprus" | "Czech Republic" | "Denmark" | "Estonia" | "European Union" | "Finland" | "France" | "Germany" | "Greece" | "Hungary" | "Iceland" | "Ireland" | "Italy" | "Latvia" | "Lithuania" | "Luxembourg" | "Netherlands" | "Norway" | "Poland" | "Portugal" | "Romania" | "Russia" | "Serbia" | "Slovakia" | "Spain" | "Sweden" | "Switzerland" | "Ukraine" | "United Kingdom" | "Angola" | "Bahrain" | "Botswana" | "Egypt" | "Ethiopia" | "Ghana" | "Israel" | "Kenya" | "Kuwait" | "Malawi" | "Mauritius" | "Morocco" | "Mozambique" | "Namibia" | "Nigeria" | "Oman" | "Qatar" | "Rwanda" | "Saudi Arabia" | "Seychelles" | "South Africa" | "Tanzania" | "Tunisia" | "Turkey" | "Uganda" | "United Arab Emirates" | "Zambia" | "Zimbabwe" | "Argentina" | "Brazil" | "Chile" | "Colombia" | "Mexico" | "Peru" | "Venezuela" | "Australia" | "Bangladesh" | "China" | "Hong Kong" | "India" | "Indonesia" | "Japan" | "South Korea" | "Sri Lanka" | "Malaysia" | "New Zealand" | "Pakistan" | "Philippines" | "Singapore" | "Taiwan" | "Thailand" | "Vietnam";
/**
 * Props for the EconomicCalendar component.
 */
type EconomicCalendarProps = {
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Locale for widget interface and date/time formatting.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Array of countries to filter economic events by.
     * When empty, shows events from all countries.
     * Duplicates are automatically removed.
     *
     * @default []
     * @example
     * ```tsx
     * // Major economies
     * countries={["United States", "Germany", "Japan", "China"]}
     *
     * // European focus
     * countries={["European Union", "United Kingdom", "Switzerland"]}
     *
     * // Emerging markets
     * countries={["Brazil", "India", "South Africa", "Turkey"]}
     * ```
     */
    readonly countries?: Country[];
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to show only high-importance economic events.
     * When true, filters out low and medium importance events.
     * When false, shows all importance levels.
     *
     * @default false
     * @example
     * ```tsx
     * // Show only critical events like Fed meetings, GDP releases
     * <EconomicCalendar showHighImportanceOnly />
     *
     * // Show all events including minor data releases
     * <EconomicCalendar showHighImportanceOnly={false} />
     * ```
     */
    readonly showHighImportanceOnly?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView Economic Calendar widget for displaying upcoming economic events.
 *
 * Keep an eye on key upcoming economic events, announcements, and news. The widget
 * provides comprehensive economic event tracking with filtering capabilities for
 * event importance and affected countries. Perfect for traders and investors who
 * need to stay informed about market-moving economic releases.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/calendars/economic-calendar/
 *
 * @example
 * Basic usage - all events from all countries:
 * ```tsx
 * <EconomicCalendar />
 * ```
 *
 * @example
 * Major economies with high importance filter:
 * ```tsx
 * <EconomicCalendar
 *   countries={["United States", "European Union", "Japan", "United Kingdom"]}
 *   showHighImportanceOnly
 *   colorTheme="dark"
 * />
 * ```
 *
 * @example
 * Custom sizing and regional focus:
 * ```tsx
 * <EconomicCalendar
 *   countries={["Germany", "France", "Italy", "Spain"]}
 *   width={800}
 *   height={600}
 *   autosize={false}
 *   showHighImportanceOnly={false}
 *   isTransparent
 * />
 * ```
 *
 * @example
 * Emerging markets tracking:
 * ```tsx
 * <EconomicCalendar
 *   countries={["China", "India", "Brazil", "South Africa", "Turkey", "Mexico"]}
 *   locale="en"
 *   colorTheme="light"
 * />
 * ```
 */
declare const EconomicCalendar: (props: EconomicCalendarProps) => JSX.Element;

/**
 * Chart time intervals supported by TradingView AdvancedChart.
 *
 * @example
 * ```tsx
 * <AdvancedChart interval="D" /> // Daily chart
 * <AdvancedChart interval="60" /> // 1-hour chart
 * ```
 */
type AdvancedChartInterval = "1" | "3" | "5" | "15" | "30" | "60" | "120" | "180" | "240" | "D" | "W";
/**
 * Timezone identifiers for chart data display.
 * Controls what timezone is used for displaying candle open/close times.
 *
 * @example
 * ```tsx
 * <AdvancedChart timezone="America/New_York" /> // Eastern Time
 * <AdvancedChart timezone="exchange" /> // Use exchange timezone
 * ```
 */
type TimeZone = "exchange" | "Etc/UTC" | "Pacific/Honolulu" | "America/Anchorage" | "America/Juneau" | "America/Los_Angeles" | "America/Phoenix" | "America/Vancouver" | "US/Mountain" | "America/Mexico_City" | "America/El_Salvador" | "America/Bogota" | "America/Chicago" | "America/Lima" | "America/Caracas" | "America/New_York" | "America/Santiago" | "America/Toronto" | "America/Argentina/Buenos_Aires" | "America/Sao_Paulo" | "Atlantic/Azores" | "Atlantic/Reykjavik" | "Africa/Casablanca" | "Europe/Dublin" | "Africa/Lagos" | "Europe/Lisbon" | "Europe/London" | "Africa/Tunis" | "Europe/Amsterdam" | "Europe/Belgrade" | "Europe/Berlin" | "Europe/Bratislava" | "Europe/Brussels" | "Europe/Budapest" | "Europe/Copenhagen" | "Africa/Johannesburg" | "Europe/Luxembourg" | "Europe/Madrid" | "Europe/Malta" | "Europe/Oslo" | "Europe/Paris" | "Europe/Prague" | "Europe/Rome" | "Europe/Stockholm" | "Europe/Vienna" | "Europe/Warsaw" | "Europe/Zurich" | "Europe/Athens" | "Asia/Bahrain" | "Europe/Bucharest" | "Africa/Cairo" | "Europe/Helsinki" | "Europe/Istanbul" | "Asia/Jerusalem" | "Asia/Kuwait" | "Europe/Moscow" | "Africa/Nairobi" | "Asia/Nicosia" | "Asia/Qatar" | "Europe/Riga" | "Asia/Riyadh" | "Europe/Tallinn" | "Europe/Vilnius" | "Asia/Tehran" | "Asia/Dubai" | "Asia/Muscat" | "Asia/Kabul" | "Asia/Ashkhabad" | "Asia/Almaty" | "Asia/Karachi" | "Asia/Colombo" | "Asia/Kolkata" | "Asia/Kathmandu" | "Asia/Dhaka" | "Asia/Yangon" | "Asia/Bangkok" | "Asia/Ho_Chi_Minh" | "Asia/Jakarta" | "Asia/Chongqing" | "Asia/Hong_Kong" | "Asia/Kuala_Lumpur" | "Asia/Manila" | "Australia/Perth" | "Asia/Shanghai" | "Asia/Singapore" | "Asia/Taipei" | "Asia/Seoul" | "Asia/Tokyo" | "Australia/Adelaide" | "Australia/Brisbane" | "Australia/Sydney" | "Pacific/Norfolk" | "Pacific/Auckland" | "Pacific/Chatham" | "Pacific/Fakaofo";
/**
 * Chart visualization styles available in TradingView.
 *
 * @example
 * ```tsx
 * <AdvancedChart chartStyle="candles" /> // Traditional candlestick chart
 * <AdvancedChart chartStyle="line" /> // Simple line chart
 * <AdvancedChart chartStyle="renko" /> // Renko brick chart
 * ```
 */
type AdvancedChartStyle = "bars" | "candles" | "hollow_candles" | "area" | "line" | "line_break" | "renko" | "heikin_ashi" | "kagi" | "point_and_figure";
/**
 * Technical indicators and studies available for the chart.
 * These are mapped to TradingView's internal indicator IDs.
 *
 * @example
 * ```tsx
 * <AdvancedChart
 *   indicators={["relativeStrengthIndex", "bollingerBands", "volume"]}
 * />
 * ```
 */
type AdvancedChartIndicator = "volume24h" | "accumulationDistribution" | "advanceDeclineLine" | "advanceDeclineRatio" | "advanceDeclineRatioBars" | "arnaudLegouxMovingAverage" | "aroon" | "averageDayRange" | "averageDirectionalIndex" | "averageTrueRange" | "awesomeOscillator" | "balanceOfPower" | "bbTrend" | "bollingerBands" | "bollingerBandsPercentB" | "bollingerBandwidth" | "bollingerBars" | "bullBearPower" | "chaikinMoneyFlow" | "chaikinOscillator" | "chandeKrollStop" | "chandeMomentumOscillator" | "chopZone" | "choppinessIndex" | "commodityChannelIndex" | "connorsRsi" | "coppockCurve" | "correlationCoefficientBasic" | "correlationCoefficient" | "cumulativeVolumeDelta" | "cumulativeVolumeIndex" | "detrendedPriceOscillator" | "directionalMovementIndex" | "donchianChannels" | "doubleEma" | "easeOfMovement" | "elderForceIndex" | "envelope" | "fisherTransform" | "gaps" | "historicalVolatility" | "hullMovingAverage" | "ichimokuCloud" | "keltnerChannels" | "klingerOscillator" | "knowSureThing" | "leastSquaresMovingAverage" | "linearRegressionChannel" | "maCross" | "massIndex" | "mcginleyDynamic" | "median" | "momentum" | "moneyFlowIndex" | "moonPhases" | "movingAverageConvergenceDivergence" | "movingAverageExponential" | "movingAverageRibbon" | "movingAverageSimple" | "movingAverageWeighted" | "multiTimePeriodCharts" | "netVolume" | "onBalanceVolume" | "openInterest" | "parabolicSar" | "performance" | "pivotPointsHighLow" | "pivotPointsStandard" | "priceOscillator" | "priceTarget" | "priceVolumeTrendBasic" | "priceVolumeTrend" | "rankCorrelationIndex" | "rateOfChange" | "rciRibbon" | "relativeStrengthIndex" | "relativeVigorIndex" | "relativeVolatilityIndex" | "relativeVolumeAtTime" | "robBookerIntradayPivotPoints" | "robBookerKnoxvilleDivergence" | "robBookerMissedPivotPoints" | "robBookerReversal" | "robBookerZivGhostPivots" | "rsiDivergenceIndicator" | "seasonality" | "smiErgodicIndicator" | "smiErgodicOscillator" | "smoothedMovingAverage" | "stochastic" | "stochasticMomentumIndex" | "stochasticRsi" | "supertrend" | "technicalRatings" | "timeWeightedAveragePrice" | "tradingSessions" | "trendStrengthIndex" | "tripleEma" | "trix" | "trueStrengthIndex" | "ultimateOscillator" | "upDownVolume" | "visibleAveragePrice" | "volatilityStop" | "volume" | "volumeDelta" | "volumeOscillator" | "volumeWeightedAveragePrice" | "volumeWeightedMovingAverage" | "vortexIndicator" | "williamsAlligator" | "williamsFractals" | "williamsPercentRange" | "woodiesCci" | "zigZag";
/**
 * Position for comparison symbols on the chart.
 * - `SameScale`: Symbol shares the same price scale as the main symbol
 * - `NewPriceScale`: Symbol gets its own price scale on the right
 * - `NewPane`: Symbol is displayed in a separate pane below the main chart
 */
type ComparisonPosition = "SameScale" | "NewPriceScale" | "NewPane";
/**
 * Configuration for additional symbols to compare against the main symbol.
 *
 * @example
 * ```tsx
 * <AdvancedChart
 *   symbol="NASDAQ:AAPL"
 *   compareSymbols={[
 *     { symbol: "NASDAQ:GOOGL", position: "SameScale" },
 *     { symbol: "NASDAQ:MSFT", position: "NewPriceScale" }
 *   ]}
 * />
 * ```
 */
type ComparisonSymbol = {
    /** The symbol to compare (e.g., "NASDAQ:GOOGL") */
    readonly symbol: string;
    /** How to display this symbol relative to the main chart */
    readonly position: ComparisonPosition;
};
/**
 * Props for the AdvancedChart component.
 */
type AdvancedChartProps = {
    /**
     * The financial symbol to display (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT").
     * This is the primary symbol that will be charted.
     *
     * @example "NASDAQ:AAPL", "FOREX:EURUSD", "BINANCE:BTCUSDT"
     */
    readonly symbol: string;
    /**
     * Color theme for the chart interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Chart width in pixels. Ignored if `autosize` is true.
     * @default 400
     */
    readonly width?: number;
    /**
     * Chart height in pixels. Ignored if `autosize` is true.
     * @default 300
     */
    readonly height?: number;
    /**
     * Locale for chart interface and number formatting.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Custom background color for the chart area.
     * Supports any CSS color format: hex, rgb, rgba, hsl, oklch, etc.
     *
     * @example
     * ```tsx
     * backgroundColor="rgba(13, 13, 13, 1)" // Dark background
     * backgroundColor="hsl(210, 100%, 95%)" // Light blue
     * backgroundColor="#1a1a1a" // Hex dark
     * ```
     */
    readonly backgroundColor?: string;
    /**
     * Custom color for chart grid lines.
     * Supports any CSS color format: hex, rgb, rgba, hsl, oklch, etc.
     *
     * @example
     * ```tsx
     * gridColor="rgba(255, 0, 0, 0.2)" // Semi-transparent red
     * gridColor="hsl(240, 100%, 80%)" // Light blue
     * gridColor="#ffff0033" // Yellow with alpha
     * ```
     */
    readonly gridColor?: string;
    /**
     * Time interval for chart candles/bars.
     * Numbers represent minutes, "D" = daily, "W" = weekly.
     * @default "1"
     */
    readonly interval?: AdvancedChartInterval;
    /**
     * Timezone for displaying chart data timestamps.
     * Use "exchange" to show data in the exchange's timezone.
     * @default "Etc/UTC"
     */
    readonly timezone?: TimeZone;
    /**
     * Chart visualization style (candles, bars, line, etc.).
     * @default "candles"
     */
    readonly chartStyle?: AdvancedChartStyle;
    /**
     * Array of technical indicators to display on the chart.
     * Indicators will be automatically added when the chart loads.
     *
     * @example
     * ```tsx
     * indicators={["relativeStrengthIndex", "movingAverageSimple", "volume"]}
     * ```
     */
    readonly indicators?: AdvancedChartIndicator[];
    /**
     * Array of symbols for the watchlist sidebar.
     *
     * @example
     * ```tsx
     * watchlist={["NASDAQ:AAPL", "NASDAQ:GOOGL", "NASDAQ:MSFT"]}
     * ```
     */
    readonly watchlist?: string[];
    /**
     * Additional symbols to compare against the main symbol.
     * These will be overlaid on the chart for comparison.
     */
    readonly compareSymbols?: ComparisonSymbol[];
    /**
     * Whether the chart should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether users can change the symbol from within the chart interface.
     * @default true
     */
    readonly allowSymbolChange?: boolean;
    /**
     * Whether to show the bottom toolbar with date range buttons.
     * @default false
     */
    readonly showBottomToolbar?: boolean;
    /**
     * Whether to show detailed information panel.
     * @default false
     */
    readonly showDetails?: boolean;
    /**
     * Whether to show the left sidebar with drawing tools.
     * @default true
     */
    readonly showDrawingToolsBar?: boolean;
    /**
     * Whether to show the hotlist sidebar on the right.
     * @default false
     */
    readonly showHotlist?: boolean;
    /**
     * Whether to show the save image button in the top toolbar.
     * @default false
     */
    readonly showSaveImageButton?: boolean;
    /**
     * Whether to show symbol description/legend information.
     * @default true
     */
    readonly showSymbolDescription?: boolean;
    /**
     * Whether to show the top toolbar with chart controls.
     * @default true
     */
    readonly showTopToolbar?: boolean;
    /**
     * Whether to show volume bars at the bottom of the chart.
     * @default true
     */
    readonly showVolume?: boolean;
    /**
     * Callback function called when an error occurs during chart initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * Advanced TradingView chart widget with full trading capabilities.
 *
 * This is the most feature-rich chart component, providing the complete TradingView
 * charting experience with technical analysis tools, indicators, drawing tools,
 * and extensive customization options.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/charts/advanced-chart/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <AdvancedChart symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * With custom styling and indicators:
 * ```tsx
 * <AdvancedChart
 *   symbol="NASDAQ:AAPL"
 *   interval="D"
 *   chartStyle="candles"
 *   colorTheme="dark"
 *   backgroundColor="rgba(13, 13, 13, 1)"
 *   gridColor="rgba(255, 255, 255, 0.1)"
 *   indicators={["relativeStrengthIndex", "bollingerBands"]}
 *   showDrawingToolsBar
 *   showVolume
 * />
 * ```
 *
 * @example
 * Comparison chart:
 * ```tsx
 * <AdvancedChart
 *   symbol="NASDAQ:AAPL"
 *   compareSymbols={[
 *     { symbol: "NASDAQ:GOOGL", position: "SameScale" },
 *     { symbol: "NASDAQ:MSFT", position: "NewPriceScale" }
 *   ]}
 * />
 * ```
 */
declare const AdvancedChart: (props: AdvancedChartProps) => JSX.Element;

/**
 * Date range options for the MiniChart widget.
 * Controls the time period displayed in the chart.
 *
 * - `1D`: 1 Day - Intraday view with hourly candles
 * - `1M`: 1 Month - Daily candles for the past month
 * - `3M`: 3 Months - Daily candles for the past quarter
 * - `1Y`: 1 Year - Daily/weekly candles for the past year
 * - `5Y`: 5 Years - Weekly/monthly candles for 5 years
 * - `ALL`: All Time - Full historical data available
 *
 * @example
 * ```tsx
 * <MiniChart symbol="NASDAQ:AAPL" dateRange="1D" /> // Intraday view
 * <MiniChart symbol="NASDAQ:AAPL" dateRange="1Y" /> // Year overview
 * <MiniChart symbol="NASDAQ:AAPL" dateRange="ALL" /> // Full history
 * ```
 */
type MiniChartDateRange = "1D" | "1M" | "3M" | "1Y" | "5Y" | "ALL";
/**
 * Props for the MiniChart component.
 */
type MiniChartProps = {
    /**
     * The financial symbol to display (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT").
     * This is the primary symbol that will be charted.
     *
     * @example "NASDAQ:AAPL", "FOREX:EURUSD", "BINANCE:BTCUSDT", "NYSE:TSLA"
     */
    readonly symbol: string;
    /**
     * Chart width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Chart height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Locale for chart interface and number formatting.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Time period to display in the chart.
     * @default "1M"
     */
    readonly dateRange?: MiniChartDateRange;
    /**
     * Color theme for the chart interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Custom color for the main trend line.
     * Supports any CSS color format: hex, rgb, rgba, hsl, etc.
     *
     * @example
     * ```tsx
     * trendLineColor="#2962FF" // Blue trend line
     * trendLineColor="rgb(255, 107, 53)" // Orange trend line
     * trendLineColor="hsl(210, 100%, 50%)" // HSL blue
     * ```
     */
    readonly trendLineColor?: string;
    /**
     * Custom color for the area fill under the trend line (top gradient).
     * Supports any CSS color format: hex, rgb, rgba, hsl, etc.
     *
     * @example
     * ```tsx
     * underLineColor="rgba(41, 98, 255, 0.3)" // Semi-transparent blue
     * underLineColor="#FF6B3530" // Hex with alpha
     * ```
     */
    readonly underLineColor?: string;
    /**
     * Custom color for the area fill under the trend line (bottom gradient).
     * Creates a gradient effect when combined with underLineColor.
     * Supports any CSS color format: hex, rgb, rgba, hsl, etc.
     *
     * @example
     * ```tsx
     * underLineColor="rgba(41, 98, 255, 0.3)"
     * underLineBottomColor="rgba(41, 98, 255, 0.1)" // Lighter bottom
     * ```
     */
    readonly underLineBottomColor?: string;
    /**
     * Whether the chart should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Whether to show only the chart without additional details.
     * When true, hides symbol info, price details, and other UI elements.
     * @default false
     */
    readonly chartOnly?: boolean;
    /**
     * Whether to hide the time scale at the bottom of the chart.
     * @default false
     */
    readonly noTimeScale?: boolean;
    /**
     * Callback function called when an error occurs during chart initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView MiniChart widget for compact price visualization.
 *
 * A lightweight, compact chart widget perfect for displaying price trends and basic
 * market data in smaller spaces like dashboards, sidebars, or overview panels.
 * The MiniChart provides essential price information with customizable styling
 * while maintaining a minimal footprint.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/charts/mini-chart/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <MiniChart symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Custom styling with colors:
 * ```tsx
 * <MiniChart
 *   symbol="NASDAQ:AAPL"
 *   dateRange="1Y"
 *   colorTheme="dark"
 *   trendLineColor="#FF6B35"
 *   underLineColor="rgba(255, 107, 53, 0.3)"
 *   underLineBottomColor="rgba(255, 107, 53, 0.1)"
 * />
 * ```
 *
 * @example
 * Minimalist chart-only view:
 * ```tsx
 * <MiniChart
 *   symbol="BINANCE:BTCUSDT"
 *   dateRange="1D"
 *   chartOnly
 *   noTimeScale
 *   isTransparent
 *   width={300}
 *   height={150}
 *   autosize={false}
 * />
 * ```
 *
 * @example
 * Dashboard widget with custom dimensions:
 * ```tsx
 * <MiniChart
 *   symbol="FOREX:EURUSD"
 *   dateRange="3M"
 *   width={400}
 *   height={200}
 *   autosize={false}
 *   trendLineColor="#00C851"
 *   colorTheme="light"
 * />
 * ```
 */
declare const MiniChart: (props: MiniChartProps) => JSX.Element;

/**
 * Scale modes for price axis display in the SymbolOverview widget.
 *
 * - `normal`: Linear price scale (standard arithmetic progression)
 * - `percentage`: Percentage-based scale showing relative changes
 * - `logarithmic`: Logarithmic scale for better visualization of exponential growth
 *
 * @example
 * ```tsx
 * <SymbolOverview scaleMode="percentage" /> // Show percentage changes
 * <SymbolOverview scaleMode="logarithmic" /> // Better for volatile assets
 * ```
 */
type ScaleMode = "normal" | "percentage" | "logarithmic";
/**
 * Position of the price scale axis in the chart.
 *
 * - `left`: Price scale on the left side of the chart
 * - `right`: Price scale on the right side of the chart (default)
 * - `no`: Hide the price scale completely
 *
 * @example
 * ```tsx
 * <SymbolOverview scalePosition="left" /> // Left-aligned price scale
 * <SymbolOverview scalePosition="no" /> // Clean chart without price scale
 * ```
 */
type ScalePosition = "left" | "right" | "no";
/**
 * Chart visualization types for the SymbolOverview widget.
 *
 * - `area`: Filled area chart with gradient (default for most use cases)
 * - `line`: Simple line chart showing price movement
 * - `bar`: OHLC bar chart showing open, high, low, close prices
 * - `candlestick`: Japanese candlestick chart with body and wicks
 *
 * @example
 * ```tsx
 * <SymbolOverview chartType="candlestick" /> // Full OHLC data visualization
 * <SymbolOverview chartType="line" /> // Simple price line
 * ```
 */
type ChartType = "area" | "line" | "bar" | "candlestick";
/**
 * Value tracking display modes for price information.
 *
 * - `floating_tooltip`: Floating tooltip that follows cursor movement
 * - `colored_tooltip`: Colored tooltip with enhanced visibility
 * - `legend`: Fixed legend display showing current values
 * - `scale_labels`: Values displayed on the price scale axis
 *
 * @example
 * ```tsx
 * <SymbolOverview valueTrackingMode="legend" /> // Fixed legend display
 * <SymbolOverview valueTrackingMode="floating_tooltip" /> // Interactive tooltip
 * ```
 */
type ValueTrackingMode = "floating_tooltip" | "colored_tooltip" | "legend" | "scale_labels";
/**
 * Line drawing styles for line and area charts.
 *
 * - `simple`: Straight lines connecting data points (default)
 * - `curved`: Smooth curved lines with bezier interpolation
 * - `stepLine`: Step-like lines creating a staircase pattern
 *
 * @example
 * ```tsx
 * <SymbolOverview lineType="curved" /> // Smooth curved lines
 * <SymbolOverview lineType="stepLine" /> // Step-like visualization
 * ```
 */
type LineType = "simple" | "curved" | "stepLine";
/**
 * Header font size options for the widget title and symbol information.
 *
 * - `small`: Compact header with minimal space usage
 * - `medium`: Standard header size (default)
 * - `large`: Prominent header for emphasis
 *
 * @example
 * ```tsx
 * <SymbolOverview headerFontSize="large" /> // Prominent header
 * <SymbolOverview headerFontSize="small" /> // Compact design
 * ```
 */
type HeaderFontSize = "small" | "medium" | "large";
/**
 * Price change display modes in the widget header.
 *
 * - `price-and-percent`: Show both absolute price change and percentage (default)
 * - `price-only`: Show only absolute price change value
 * - `percent-only`: Show only percentage change
 * - `no-values`: Hide change values completely
 *
 * @example
 * ```tsx
 * <SymbolOverview changeMode="percent-only" /> // Only show percentage
 * <SymbolOverview changeMode="no-values" /> // Clean display without changes
 * ```
 */
type ChangeMode = "price-and-percent" | "price-only" | "percent-only" | "no-values";
/**
 * Time format for timestamp display in the widget.
 *
 * - `12h`: 12-hour format with AM/PM (e.g., "2:30 PM")
 * - `24h`: 24-hour format (e.g., "14:30")
 *
 * @example
 * ```tsx
 * <SymbolOverview timeFormat="24h" /> // European time format
 * <SymbolOverview timeFormat="12h" /> // American time format
 * ```
 */
type TimeFormat = "12h" | "24h";
/**
 * Configuration for symbol comparison in the chart.
 * Allows overlaying multiple symbols for relative performance analysis.
 */
type CompareSymbol = {
    /** The symbol to compare (e.g., "NASDAQ:GOOGL") */
    readonly symbol: string;
    /** Custom color for the comparison line */
    readonly lineColor?: string;
    /** Line width for the comparison symbol (default: 1) */
    readonly lineWidth?: number;
    /** Whether to show labels for the comparison symbol */
    readonly showLabels?: boolean;
};
/**
 * Props for the SymbolOverview component.
 */
type SymbolOverviewProps = {
    /**
     * Array of financial symbols to display in the overview.
     * Each symbol should include the exchange prefix for accurate data retrieval.
     *
     * **Supported formats:**
     * - `EXCHANGE:SYMBOL` format (e.g., ["NASDAQ:AAPL", "NYSE:TSLA"])
     * - Multiple asset classes: stocks, forex, crypto, commodities, indices
     *
     * @example
     * ```tsx
     * // Single symbol
     * <SymbolOverview symbols={["NASDAQ:AAPL"]} />
     *
     * // Multiple symbols comparison
     * <SymbolOverview symbols={["NASDAQ:AAPL", "NASDAQ:GOOGL", "NASDAQ:MSFT"]} />
     *
     * // Mixed asset classes
     * <SymbolOverview symbols={["NASDAQ:AAPL", "BINANCE:BTCUSDT", "FX:EURUSD"]} />
     * ```
     */
    readonly symbols: string[];
    /** Widget width in pixels, or "full" for container width */
    readonly width?: Size;
    /** Widget height in pixels, or "full" for container height */
    readonly height?: Size;
    /** Display language and regional formatting */
    readonly locale?: Locale;
    /** Price scale display mode for better data visualization */
    readonly scaleMode?: ScaleMode;
    /** Position of the price scale axis */
    readonly scalePosition?: ScalePosition;
    /** Widget color theme (light/dark) */
    readonly colorTheme?: ColorTheme;
    /** Chart visualization type (area, line, bar, candlestick) */
    readonly chartType?: ChartType;
    /** Value tracking and tooltip display mode */
    readonly valueTrackingMode?: ValueTrackingMode;
    /** Additional symbol for comparison overlay */
    readonly compareSymbol?: CompareSymbol;
    /** Line drawing style for line/area charts */
    readonly lineType?: LineType;
    /** Header text size for symbol information */
    readonly headerFontSize?: HeaderFontSize;
    /** Price change display format in header */
    readonly changeMode?: ChangeMode;
    /** Time format for timestamps */
    readonly timeFormat?: TimeFormat;
    /** Line width for chart lines (default: 1) */
    readonly lineWidth?: number;
    /** Base font size for widget text */
    readonly fontSize?: number;
    /** Text color for widget content */
    readonly fontColor?: string;
    /** Main trend line color */
    readonly trendLineColor?: string;
    /** Area chart upper gradient color */
    readonly underLineColor?: string;
    /** Area chart lower gradient color */
    readonly underLineBottomColor?: string;
    /** Auto-resize to container dimensions */
    readonly autosize?: boolean;
    /** Transparent widget background */
    readonly isTransparent?: boolean;
    /** Show/hide time scale axis */
    readonly showTimeScale?: boolean;
    /** Show/hide widget header with symbol info */
    readonly showHeader?: boolean;
    /** Line color for line charts only (maps to trendLineColor internally) */
    readonly color?: string;
    /** Line color for area chart border (area charts only) */
    readonly lineColor?: string;
    /** Top gradient color for area charts only */
    readonly topColor?: string;
    /** Bottom gradient color for area charts only */
    readonly bottomColor?: string;
    /** Bullish bar/candle color (bar and candlestick charts only) */
    readonly upColor?: string;
    /** Bearish bar/candle color (bar and candlestick charts only) */
    readonly downColor?: string;
    /** Bullish border color for bars/candles (bar and candlestick charts only) */
    readonly borderUpColor?: string;
    /** Bearish border color for bars/candles (bar and candlestick charts only) */
    readonly borderDownColor?: string;
    /** Bullish wick color (candlestick charts only) */
    readonly wickUpColor?: string;
    /** Bearish wick color (candlestick charts only) */
    readonly wickDownColor?: string;
    /** Chart grid line color */
    readonly gridLineColor?: string;
    /** Widget text color override */
    readonly widgetFontColor?: string;
    /** Widget background color */
    readonly backgroundColor?: string;
    /** Show/hide volume bars below main chart */
    readonly showVolume?: boolean;
    /** Volume bar color for up periods */
    readonly volumeUpColor?: string;
    /** Volume bar color for down periods */
    readonly volumeDownColor?: string;
    /** Show/hide date range selector buttons */
    readonly showDateRanges?: boolean;
    /** Show/hide symbol logo in header */
    readonly showSymbolLogo?: boolean;
    /** Show/hide market status indicator */
    readonly showMarketStatus?: boolean;
    /** Show/hide moving average line */
    readonly showMA?: boolean;
    /** Moving average line color */
    readonly maLineColor?: string;
    /** Moving average line width */
    readonly maLineWidth?: number;
    /** Moving average period (e.g., 20, 50, 200) */
    readonly maLength?: number;
    /** Error handler for widget loading failures */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView SymbolOverview widget for displaying financial instrument data with mini charts.
 *
 * This versatile widget combines symbol information (price, change, volume) with a compact
 * chart visualization, making it perfect for dashboards, watchlists, and portfolio overviews.
 * It supports multiple symbols, various chart types, and extensive customization options
 * for professional financial applications.
 *
 * **Key Features:**
 * - Multi-symbol support with comparison capabilities
 * - 4 chart types: area, line, bar, candlestick
 * - Comprehensive color customization for all chart elements
 * - Volume display with customizable colors
 * - Moving average overlay with configurable periods
 * - Responsive design with auto-sizing capabilities
 * - Real-time data updates from TradingView
 * - Professional styling options and themes
 *
 * **Chart Types:**
 * - **Area**: Filled gradient charts ideal for trend visualization
 * - **Line**: Clean line charts for simple price tracking
 * - **Bar**: OHLC bars showing full price action
 * - **Candlestick**: Japanese candlesticks with body and wick colors
 *
 * **Color Format Support:**
 * All color props support multiple CSS formats:
 * - Hex: `#1a1a1a`, `#ff6b3580` (with alpha)
 * - RGB/RGBA: `rgb(255, 107, 53)`, `rgba(41, 98, 255, 0.3)`
 * - HSL: `hsl(210, 100%, 50%)`
 * - OKLCH: `oklch(0.7 0.15 180)`
 *
 * **Chart-Specific Color Properties:**
 * Different color properties apply to different chart types:
 *
 * - **Line Charts**: Use `color` for the main line color.
 * - **Area Charts**: Use `lineColor` (border), `topColor` (top gradient), `bottomColor` (bottom gradient)
 * - **Bar Charts**: Use `upColor`/`downColor` (bar fill), `borderUpColor`/`borderDownColor` (bar borders)
 * - **Candlestick Charts**: Use `upColor`/`downColor` (candle body), `borderUpColor`/`borderDownColor` (body borders), `wickUpColor`/`wickDownColor` (wick colors)
 * - **All Charts**: `gridLineColor`, `widgetFontColor`, `backgroundColor` apply universally
 *
 * @see https://www.tradingview.com/widget-docs/widgets/charts/symbol-overview/
 *
 * @example
 * ```tsx
 * // Basic symbol overview
 * <SymbolOverview
 *   symbols={["NASDAQ:AAPL"]}
 *   colorTheme="light"
 *   width={400}
 *   height={300}
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Multi-symbol comparison with custom styling
 * <SymbolOverview
 *   symbols={["NASDAQ:AAPL", "NASDAQ:GOOGL", "NASDAQ:MSFT"]}
 *   chartType="candlestick"
 *   colorTheme="dark"
 *   upColor="#00C853"
 *   downColor="#FF1744"
 *   showVolume={true}
 *   showMA={true}
 *   maLength={20}
 *   maLineColor="#2196F3"
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Responsive dashboard widget
 * <SymbolOverview
 *   symbols={["BINANCE:BTCUSDT"]}
 *   autosize={true}
 *   isTransparent={true}
 *   showHeader={true}
 *   showSymbolLogo={true}
 *   valueTrackingMode="legend"
 *   backgroundColor="rgba(255, 255, 255, 0.1)"
 * />
 * ```
 */
declare const SymbolOverview: (props: SymbolOverviewProps) => JSX.Element;

/**
 * Feed modes for the TopStories widget.
 * - `all_symbols`: Shows news from all markets and symbols
 * - `market`: Shows news for a specific market sector
 * - `symbol`: Shows news for a specific symbol (requires symbol prop)
 *
 * @example
 * ```tsx
 * <TopStories feedMode="all_symbols" /> // All market news
 * <TopStories feedMode="symbol" symbol="NASDAQ:AAPL" /> // Apple-specific news
 * ```
 */
type TopStoriesFeedMode = "all_symbols" | "market" | "symbol";
/**
 * Display modes for the TopStories widget layout.
 * - `adaptive`: Automatically adjusts layout based on container size
 * - `regular`: Standard layout with full article previews
 * - `compact`: Condensed layout with minimal article previews
 *
 * @example
 * ```tsx
 * <TopStories displayMode="compact" /> // Minimal space usage
 * <TopStories displayMode="regular" /> // Full article previews
 * ```
 */
type TopStoriesDisplayMode = "adaptive" | "regular" | "compact";
/**
 * Base props shared by all TopStories feed modes.
 */
type BaseTopStoriesProps = {
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Layout mode for displaying news articles.
     * @default "adaptive"
     */
    readonly displayMode?: TopStoriesDisplayMode;
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * Props when feedMode is "symbol" - symbol prop is required.
 * Use this configuration to show news specifically related to a particular symbol.
 *
 * @example
 * ```tsx
 * <TopStories feedMode="symbol" symbol="NASDAQ:AAPL" />
 * <TopStories feedMode="symbol" symbol="BINANCE:BTCUSDT" />
 * ```
 */
type SymbolModeProps = BaseTopStoriesProps & {
    /** Feed mode set to symbol-specific news */
    readonly feedMode: Exclude<TopStoriesFeedMode, "all_symbols" | "market">;
    /**
     * The financial symbol to show news for (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT").
     * Required when feedMode is "symbol".
     */
    readonly symbol: string;
};
/**
 * Props when feedMode is "all_symbols" or "market" - symbol prop is not needed.
 * Use this configuration for general market news or sector-specific news.
 *
 * @example
 * ```tsx
 * <TopStories feedMode="all_symbols" /> // All market news
 * <TopStories feedMode="market" /> // Market sector news
 * ```
 */
type NonSymbolModeProps = BaseTopStoriesProps & {
    /** Feed mode for general or market news */
    readonly feedMode: Exclude<TopStoriesFeedMode, "symbol">;
    /** Symbol prop is not allowed for non-symbol feed modes */
    readonly symbol?: never;
};
/**
 * Union type for all possible TopStories prop combinations.
 * Ensures type safety for conditional symbol prop requirement.
 */
type TopStoriesProps = SymbolModeProps | NonSymbolModeProps;
/**
 * TradingView TopStories widget for displaying financial news.
 *
 * Help your audience keep track of what's happening in the crypto and stock markets
 * with daily news briefs designed to be read in 20 seconds or less. The widget
 * provides curated financial news with multiple display modes and feed configurations.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/news/top-stories/
 *
 * @example
 * Basic usage - all market news:
 * ```tsx
 * <TopStories />
 * ```
 *
 * @example
 * Symbol-specific news:
 * ```tsx
 * <TopStories
 *   feedMode="symbol"
 *   symbol="NASDAQ:AAPL"
 *   displayMode="compact"
 *   colorTheme="dark"
 * />
 * ```
 *
 * @example
 * Custom styling and layout:
 * ```tsx
 * <TopStories
 *   feedMode="all_symbols"
 *   displayMode="regular"
 *   width={600}
 *   height={400}
 *   colorTheme="light"
 *   isTransparent={false}
 *   autosize={false}
 * />
 * ```
 */
declare const TopStories: (props: TopStoriesProps) => JSX.Element;

/**
 * Currency display options for the CryptoMarket widget.
 *
 * Controls how cryptocurrency prices and market data are denominated and displayed:
 * - `USD`: Display all prices in US Dollars (most common for institutional and retail analysis)
 * - `BTC`: Display all prices in Bitcoin terms (useful for Bitcoin-denominated trading and analysis)
 *
 * When using BTC denomination, prices show how much Bitcoin each cryptocurrency costs,
 * which is particularly useful for traders who think in Bitcoin terms or want to see
 * relative performance against Bitcoin as the base currency.
 *
 * @example
 * ```tsx
 * <CryptoMarket displayCurrency="USD" /> // Prices in USD
 * <CryptoMarket displayCurrency="BTC" /> // Prices in BTC terms
 * ```
 */
type CryptoMarketDisplayCurrency = "USD" | "BTC";
/**
 * Props for the CryptoMarket component.
 */
type CryptoMarketProps = {
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * The currency to display in the widget.
     * @default "USD"
     */
    readonly displayCurrency?: CryptoMarketDisplayCurrency;
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView CryptoMarket widget for cryptocurrency market overview and analysis.
 *
 * This specialized widget provides a comprehensive view of the cryptocurrency market,
 * displaying real-time data for thousands of digital assets including Bitcoin, Ethereum,
 * and altcoins. The widget offers sortable columns, filtering capabilities, and multiple
 * currency denominations to help traders and investors analyze the crypto market landscape.
 *
 * **Key Features:**
 * - Comprehensive cryptocurrency coverage (Bitcoin, Ethereum, altcoins, DeFi tokens)
 * - Real-time price data and market statistics
 * - Multiple currency denomination options (USD, BTC)
 * - Sortable columns (price, market cap, volume, 24h change, etc.)
 * - Interactive filtering and search capabilities
 * - Market cap and volume analysis
 * - Price performance indicators
 * - Clean, responsive interface
 *
 * **Data Columns Include:**
 * - **Symbol & Name:** Cryptocurrency ticker and full name
 * - **Price:** Current market price in selected currency
 * - **Market Cap:** Total market capitalization
 * - **Volume:** 24-hour trading volume
 * - **Change:** Price change over 24 hours (percentage and absolute)
 * - **Circulating Supply:** Number of tokens in circulation
 * - **Price Charts:** Mini sparkline price charts
 *
 * **Currency Options:**
 * - **USD Mode:** Standard fiat currency view for traditional analysis
 * - **BTC Mode:** Bitcoin-denominated prices for crypto-native perspective
 *
 * @see https://www.tradingview.com/widget-docs/widgets/screeners/crypto-mkt-screener/
 *
 * @example
 * Basic cryptocurrency market overview:
 * ```tsx
 * <CryptoMarket />
 * ```
 *
 * @example
 * Bitcoin-denominated crypto market with custom styling:
 * ```tsx
 * <CryptoMarket
 *   displayCurrency="BTC"
 *   colorTheme="dark"
 *   width={800}
 *   height={600}
 *   autosize={false}
 * />
 * ```
 *
 * @example
 * Transparent crypto market widget for embedding:
 * ```tsx
 * <CryptoMarket
 *   displayCurrency="USD"
 *   colorTheme="light"
 *   isTransparent
 *   locale="en"
 * />
 * ```
 *
 * @example
 * Custom-sized crypto market with specific dimensions:
 * ```tsx
 * <CryptoMarket
 *   displayCurrency="USD"
 *   width={1000}
 *   height={700}
 *   locale="es"
 *   colorTheme="dark"
 *   autosize={false}
 *   isTransparent={false}
 * />
 * ```
 */
declare const CryptoMarket: (props: CryptoMarketProps) => JSX.Element;

/**
 * Exchange regions and markets supported by the TradingView Screener widget.
 *
 * The screener supports stock exchanges from major financial markets worldwide,
 * as well as forex and cryptocurrency markets. Each exchange has its own set of
 * available column views and screening criteria.
 *
 * **Americas:**
 * - `america`: United States stock markets (NYSE, NASDAQ, etc.)
 * - `argentina`: Buenos Aires Stock Exchange (BYMA)
 * - `brazil`: B3 (Brasil Bolsa Balcão)
 * - `canada`: Toronto Stock Exchange (TSX)
 * - `chile`: Santiago Stock Exchange
 * - `colombia`: Colombia Stock Exchange
 * - `mexico`: Mexican Stock Exchange (BMV)
 * - `venezuela`: Caracas Stock Exchange
 * - `australia`: Australian Securities Exchange (ASX)
 *
 * **Europe:**
 * - `austria`: Vienna Stock Exchange
 * - `cyprus`: Cyprus Stock Exchange
 * - `czech`: Prague Stock Exchange
 * - `denmark`: NASDAQ Copenhagen
 * - `estonia`: NASDAQ Tallinn
 * - `finland`: NASDAQ Helsinki
 * - `germany`: Frankfurt Stock Exchange (XETRA)
 * - `greece`: Athens Exchange
 * - `hungary`: Budapest Stock Exchange
 * - `iceland`: NASDAQ Iceland
 * - `italy`: Borsa Italiana
 * - `latvia`: NASDAQ Riga
 * - `lithuania`: NASDAQ Vilnius
 * - `poland`: Warsaw Stock Exchange
 * - `russia`: Moscow Exchange
 * - `spain`: Madrid Stock Exchange (BME)
 * - `switzerland`: SIX Swiss Exchange
 *
 * **Asia & Middle East:**
 * - `china`: Shanghai and Shenzhen Stock Exchanges
 * - `india`: NSE and BSE (National and Bombay Stock Exchanges)
 * - `indonesia`: Indonesia Stock Exchange
 * - `israel`: Tel Aviv Stock Exchange
 * - `kuwait`: Kuwait Stock Exchange
 * - `srilanka`: Colombo Stock Exchange
 * - `taiwan`: Taiwan Stock Exchange
 * - `turkey`: Borsa Istanbul
 * - `uae`: Dubai Financial Market and Abu Dhabi Securities Exchange
 * - `vietnam`: Ho Chi Minh and Hanoi Stock Exchanges
 *
 * **Africa:**
 * - `egypt`: Egyptian Exchange
 * - `morocco`: Casablanca Stock Exchange
 * - `rsa`: Johannesburg Stock Exchange (South Africa)
 *
 * **Global Markets:**
 * - `forex`: Foreign exchange currency pairs
 * - `crypto`: Cryptocurrency markets
 *
 * @example
 * ```tsx
 * <Screener exchange="america" /> // US markets
 * <Screener exchange="germany" /> // German DAX and other German stocks
 * <Screener exchange="forex" /> // Currency pairs
 * <Screener exchange="crypto" /> // Cryptocurrencies
 * ```
 */
type ScreenerExchange = "america" | "argentina" | "brazil" | "canada" | "chile" | "colombia" | "mexico" | "venezuela" | "australia" | "austria" | "cyprus" | "czech" | "denmark" | "estonia" | "finland" | "germany" | "greece" | "hungary" | "iceland" | "italy" | "latvia" | "lithuania" | "poland" | "russia" | "spain" | "switzerland" | "china" | "india" | "indonesia" | "israel" | "kuwait" | "srilanka" | "taiwan" | "turkey" | "uae" | "vietnam" | "egypt" | "morocco" | "rsa" | "forex" | "crypto";
/**
 * Available column views for stock screening.
 * Different markets support different column sets:
 * - Stock markets: Full feature set with all financial data
 * - Forex/Crypto: Limited set focusing on price and technical data
 *
 * **All Columns (Stock Markets):**
 * - `overview`: Basic symbol information and key metrics
 * - `performance`: Price performance over various time periods
 * - `valuation`: Valuation ratios (P/E, P/B, EV/EBITDA, etc.)
 * - `dividends`: Dividend yield, payout ratio, ex-dividend dates
 * - `margins`: Profit margins (gross, operating, net)
 * - `income_statement`: Revenue, earnings, and income metrics
 * - `balance_sheet`: Assets, liabilities, and equity data
 * - `oscillators`: Technical oscillator indicators (RSI, Stochastic, etc.)
 * - `moving_averages`: Moving average technical indicators
 *
 * **Sub Columns (Forex/Crypto Markets):**
 * - `overview`: Basic symbol information and key metrics
 * - `performance`: Price performance over various time periods
 * - `oscillators`: Technical oscillator indicators
 * - `moving_averages`: Moving average technical indicators
 */
declare const ALL_COLUMNS: readonly ["overview", "performance", "valuation", "dividends", "margins", "income_statement", "balance_sheet", "oscillators", "moving_averages"];
declare const SUB_COLUMNS: readonly ["overview", "performance", "oscillators", "moving_averages"];
type ScreenerColumns = typeof ALL_COLUMNS | typeof SUB_COLUMNS;
declare const ScreenerColumnViews: Record<ScreenerExchange, ScreenerColumns>;
/**
 * Available screening criteria for filtering stocks.
 * Different markets support different screening options:
 * - Stock markets: Full feature set with fundamental and technical screens
 * - Forex/Crypto: Limited set focusing on technical analysis
 *
 * **All Screens (Stock Markets):**
 * - `most_capitalized`: Largest companies by market cap
 * - `volume_leaders`: Highest trading volume
 * - `top_gainers`: Best price performance today
 * - `top_losers`: Worst price performance today
 * - `ath`: Stocks at all-time highs
 * - `atl`: Stocks at all-time lows
 * - `high_dividend`: Highest dividend yields
 * - `above_52wk_high`: Trading above 52-week high
 * - `below_52wk_low`: Trading below 52-week low
 * - `monthly_high`: At monthly price highs
 * - `monthly_low`: At monthly price lows
 * - `most_volatile`: Highest price volatility
 * - `unusual_volume`: Unusual trading volume activity
 * - `overbought`: Technically overbought stocks
 * - `oversold`: Technically oversold stocks
 * - `outperforming_SMA50`: Above 50-day moving average
 * - `underperforming_SMA50`: Below 50-day moving average
 * - `earnings_this_week`: Companies reporting earnings this week
 *
 * **Sub Screens (Forex/Crypto Markets):**
 * - `general`: General currency/crypto overview
 * - `top_gainers`: Best performers
 * - `top_losers`: Worst performers
 * - `ath`: At all-time highs
 * - `atl`: At all-time lows
 * - `above_52wk_high`: Above 52-week high
 * - `below_52wk_low`: Below 52-week low
 * - `monthly_high`: At monthly highs
 * - `monthly_low`: At monthly lows
 * - `most_volatile`: Most volatile pairs
 * - `overbought`: Overbought pairs
 * - `oversold`: Oversold pairs
 * - `outperforming_SMA50`: Above 50-day MA
 * - `underperforming_SMA50`: Below 50-day MA
 */
declare const ALL_SCREENS: readonly ["most_capitalized", "volume_leaders", "top_gainers", "top_losers", "ath", "atl", "high_dividend", "above_52wk_high", "below_52wk_low", "monthly_high", "monthly_low", "most_volatile", "unusual_volume", "overbought", "oversold", "outperforming_SMA50", "underperforming_SMA50", "earnings_this_week"];
declare const SUB_SCREENS: readonly ["general", "top_gainers", "top_losers", "ath", "atl", "above_52wk_high", "below_52wk_low", "monthly_high", "monthly_low", "most_volatile", "overbought", "oversold", "outperforming_SMA50", "underperforming_SMA50"];
type ScreenerScreens = typeof ALL_SCREENS | typeof SUB_SCREENS;
declare const ScreenerScreenViews: Record<ScreenerExchange, ScreenerScreens>;
/**
 * Props for the Screener component.
 */
type ScreenerProps<E extends ScreenerExchange = "america"> = {
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * The exchange to display.
     * @default "america"
     */
    readonly exchange?: E;
    /**
     * The column view to display.
     * @default "overview"
     */
    readonly defaultColumnView?: (typeof ScreenerColumnViews)[E][number];
    /**
     * The default screen view to display.
     * @default "general"
     */
    readonly defaultScreenView?: (typeof ScreenerScreenViews)[E][number];
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Whether to show the top toolbar.
     * @default true
     */
    readonly showTopToolbar?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView Screener widget for filtering and discovering financial instruments.
 *
 * This powerful screening tool helps users filter through thousands of stocks, forex pairs,
 * and cryptocurrencies based on fundamental and technical criteria. The screener provides
 * customizable views with various data columns and pre-built screening strategies to identify
 * investment opportunities, trending instruments, and market leaders.
 *
 * **Key Features:**
 * - Multi-market support (stocks, forex, crypto)
 * - Fundamental screening (P/E ratios, market cap, dividends, etc.)
 * - Technical analysis filters (RSI, moving averages, volume, etc.)
 * - Pre-built screens (top gainers, high dividend, most volatile, etc.)
 * - Customizable column views (overview, performance, valuation, etc.)
 * - Real-time data updates
 * - Interactive sorting and filtering
 * - Export capabilities
 *
 * **Supported Markets:**
 * - **Stock Markets:** Full fundamental and technical analysis
 * - **Forex Markets:** Technical analysis and price performance
 * - **Cryptocurrency Markets:** Technical analysis and price performance
 *
 * @see https://www.tradingview.com/widget-docs/widgets/screeners/screener/
 *
 * @example
 * Basic US stock screener:
 * ```tsx
 * <Screener exchange="america" />
 * ```
 *
 * @example
 * German stock screener with custom view:
 * ```tsx
 * <Screener
 *   exchange="germany"
 *   defaultColumnView="valuation"
 *   defaultScreenView="top_gainers"
 *   colorTheme="dark"
 *   width={800}
 *   height={600}
 *   autosize={false}
 * />
 * ```
 *
 * @example
 * Forex screener with compact layout:
 * ```tsx
 * <Screener
 *   exchange="forex"
 *   defaultColumnView="performance"
 *   defaultScreenView="most_volatile"
 *   colorTheme="light"
 *   isTransparent
 *   showTopToolbar={false}
 * />
 * ```
 *
 * @example
 * Cryptocurrency screener with custom configuration:
 * ```tsx
 * <Screener
 *   exchange="crypto"
 *   defaultColumnView="overview"
 *   defaultScreenView="top_gainers"
 *   width={1000}
 *   height={700}
 *   locale="es"
 *   colorTheme="dark"
 *   autosize={false}
 *   isTransparent={false}
 * />
 * ```
 */
declare const Screener: <E extends ScreenerExchange = "america">(props: ScreenerProps<E>) => JSX.Element;

/**
 * Props for the CompanyProfile component.
 */
type CompanyProfileProps = {
    /**
     * The financial symbol to display company information for (e.g., "NASDAQ:AAPL", "NYSE:TSLA").
     * This should be a publicly traded company symbol to display meaningful profile data.
     *
     * @example "NASDAQ:AAPL", "NYSE:TSLA", "NASDAQ:GOOGL", "NYSE:JPM"
     */
    readonly symbol: string;
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView CompanyProfile widget for displaying detailed company information.
 *
 * This widget provides comprehensive company information including business description,
 * sector classification, industry details, key statistics, and fundamental data.
 * Perfect for displaying essential company background information for publicly
 * traded companies in research interfaces, company pages, or financial dashboards.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/symbol-details/company-profile/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <CompanyProfile symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Custom styling and dimensions:
 * ```tsx
 * <CompanyProfile
 *   symbol="NYSE:TSLA"
 *   width={600}
 *   height={400}
 *   colorTheme="dark"
 *   autosize={false}
 * />
 * ```
 *
 * @example
 * Financial services company:
 * ```tsx
 * <CompanyProfile
 *   symbol="NYSE:JPM"
 *   colorTheme="light"
 *   locale="en"
 *   isTransparent
 * />
 * ```
 *
 * @example
 * Technology company with custom locale:
 * ```tsx
 * <CompanyProfile
 *   symbol="NASDAQ:GOOGL"
 *   width={500}
 *   height={350}
 *   locale="es"
 *   colorTheme="dark"
 *   autosize={false}
 *   isTransparent={false}
 * />
 * ```
 */
declare const CompanyProfile: (props: CompanyProfileProps) => JSX.Element;

/**
 * Display modes for the FundamentalData widget layout.
 * - `adaptive`: Automatically adjusts layout based on container size
 * - `regular`: Standard layout with full fundamental data display
 * - `compact`: Condensed layout with minimal fundamental data display
 *
 * @example
 * ```tsx
 * <FundamentalData displayMode="compact" /> // Minimal space usage
 * <FundamentalData displayMode="regular" /> // Full data display
 * ```
 */
type FundamentalDataDisplayMode = "adaptive" | "regular" | "compact";
/**
 * Props for the FundamentalData component.
 */
type FundamentalDataProps = {
    /**
     * The financial symbol to display company information for (e.g., "NASDAQ:AAPL", "NYSE:TSLA").
     * This should be a publicly traded company symbol to display meaningful profile data.
     *
     * @example "NASDAQ:AAPL", "NYSE:TSLA", "NASDAQ:GOOGL", "NYSE:JPM"
     */
    readonly symbol: string;
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Display mode for the FundamentalData widget.
     * @default "adaptive"
     */
    readonly displayMode?: FundamentalDataDisplayMode;
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView FundamentalData widget for displaying detailed financial metrics.
 *
 * This widget provides comprehensive fundamental analysis data including financial ratios,
 * valuation metrics, profitability indicators, growth rates, and key financial statistics.
 * Perfect for deep-dive fundamental analysis of publicly traded companies, helping investors
 * evaluate financial health, performance trends, and investment potential beyond just stock price.
 *
 * Features include:
 * - Key financial ratios (P/E, P/B, ROE, ROA, etc.)
 * - Valuation metrics and market data
 * - Profitability and efficiency indicators
 * - Growth rates and trend analysis
 * - Debt and liquidity ratios
 * - Dividend information and yield data
 *
 * @see https://www.tradingview.com/widget-docs/widgets/symbol-details/fundamental-data/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <FundamentalData symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Custom styling and dimensions:
 * ```tsx
 * <FundamentalData
 *   symbol="NYSE:TSLA"
 *   width={600}
 *   height={400}
 *   colorTheme="dark"
 *   autosize={false}
 *   displayMode="regular"
 * />
 * ```
 *
 * @example
 * Financial services company with compact layout:
 * ```tsx
 * <FundamentalData
 *   symbol="NYSE:JPM"
 *   colorTheme="light"
 *   locale="en"
 *   displayMode="compact"
 *   isTransparent
 * />
 * ```
 *
 * @example
 * Technology company with custom configuration:
 * ```tsx
 * <FundamentalData
 *   symbol="NASDAQ:GOOGL"
 *   width={800}
 *   height={600}
 *   locale="es"
 *   colorTheme="dark"
 *   displayMode="adaptive"
 *   autosize={false}
 *   isTransparent={false}
 * />
 * ```
 */
declare const FundamentalData: (props: FundamentalDataProps) => JSX.Element;

/**
 * Props for the SymbolInfo component.
 */
type SymbolInfoProps = {
    /**
     * The financial symbol to display information for (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT").
     * This is the primary symbol for which detailed information will be shown.
     *
     * @example "NASDAQ:AAPL", "FOREX:EURUSD", "BINANCE:BTCUSDT", "NYSE:TSLA"
     */
    readonly symbol: string;
    /**
     * Widget width in pixels. The widget automatically adjusts its height.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView SymbolInfo widget for displaying detailed symbol information.
 *
 * This widget provides comprehensive information about a financial symbol including
 * current price, price change, volume, market cap, and other key metrics. It's
 * perfect for displaying essential symbol data in a compact, informative format
 * suitable for sidebars, dashboards, or detailed symbol pages.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/symbol-details/symbol-info/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <SymbolInfo symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Custom styling and theming:
 * ```tsx
 * <SymbolInfo
 *   symbol="NASDAQ:AAPL"
 *   width={350}
 *   colorTheme="dark"
 *   locale="es"
 * />
 * ```
 *
 * @example
 * Cryptocurrency information:
 * ```tsx
 * <SymbolInfo
 *   symbol="BINANCE:BTCUSDT"
 *   width={400}
 *   colorTheme="light"
 *   isTransparent
 * />
 * ```
 *
 * @example
 * Forex pair details:
 * ```tsx
 * <SymbolInfo
 *   symbol="FOREX:EURUSD"
 *   width={320}
 *   colorTheme="dark"
 *   locale="en"
 *   isTransparent={false}
 * />
 * ```
 */
declare const SymbolInfo: (props: SymbolInfoProps) => JSX.Element;

/**
 * Display modes for the TechnicalAnalysis widget.
 *
 * - `single`: Shows analysis for one timeframe at a time
 * - `multiple`: Shows analysis for multiple timeframes simultaneously
 *
 * @example
 * ```tsx
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" displayMode="single" /> // Focus on one interval
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" displayMode="multiple" /> // Multi-timeframe view
 * ```
 */
type TechnicalAnalysisDisplayMode = "single" | "multiple";
/**
 * Time intervals for technical analysis calculations.
 *
 * Supports both minute-based and period-based intervals:
 * - Minute intervals: 1m, 5m, 15m, 30m for short-term analysis
 * - Hour intervals: 1h, 2h, 4h for intraday analysis
 * - Period intervals: 1D (daily), 1W (weekly), 1M (monthly) for longer-term analysis
 *
 * @example
 * ```tsx
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" interval="5m" /> // 5-minute analysis
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" interval="1D" /> // Daily analysis
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" interval="1W" /> // Weekly analysis
 * ```
 */
type TechnicalAnalysisInterval = "1m" | "5m" | "15m" | "30m" | "1h" | "2h" | "4h" | "1D" | "1W" | "1M";
/**
 * Props for the TechnicalAnalysis component.
 */
type TechnicalAnalysisProps = {
    /**
     * The financial symbol to analyze (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT").
     * This is the primary symbol for which technical analysis will be displayed.
     *
     * @example "NASDAQ:AAPL", "FOREX:EURUSD", "BINANCE:BTCUSDT", "NYSE:TSLA"
     */
    readonly symbol: string;
    /**
     * Widget width in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Widget height in pixels. Ignored if `autosize` is true.
     * @default "full"
     */
    readonly height?: Size;
    /**
     * Locale for widget interface and content language.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Display mode for technical analysis presentation.
     * @default "single"
     */
    readonly displayMode?: TechnicalAnalysisDisplayMode;
    /**
     * Time interval for technical analysis calculations.
     * Determines the timeframe used for technical indicators and signals.
     * @default "5m"
     */
    readonly interval?: TechnicalAnalysisInterval;
    /**
     * Color theme for the widget interface.
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Whether the widget should automatically resize to fit its container.
     * When true, `width` and `height` props are ignored.
     * @default true
     */
    readonly autosize?: boolean;
    /**
     * Whether to show interval selection tabs in the widget.
     * When true, users can switch between different timeframes.
     * When false, only the specified interval is shown.
     *
     * @default false
     * @example
     * ```tsx
     * // Allow users to switch between timeframes
     * <TechnicalAnalysis symbol="NASDAQ:AAPL" showIntervalTabs />
     *
     * // Lock to specific interval
     * <TechnicalAnalysis symbol="NASDAQ:AAPL" interval="1D" showIntervalTabs={false} />
     * ```
     */
    readonly showIntervalTabs?: boolean;
    /**
     * Whether to use a transparent background.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView Technical Analysis widget for displaying trading signals and analysis.
 *
 * This widget provides comprehensive technical analysis including buy/sell signals,
 * moving averages, oscillators, and overall market sentiment based on multiple
 * technical indicators. Perfect for traders who need quick technical insights
 * and signal confirmations for their trading decisions.
 *
 * @see https://www.tradingview.com/widget-docs/widgets/symbol-details/technical-analysis/
 *
 * @example
 * Basic usage:
 * ```tsx
 * <TechnicalAnalysis symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Multi-timeframe analysis with user controls:
 * ```tsx
 * <TechnicalAnalysis
 *   symbol="NASDAQ:AAPL"
 *   displayMode="multiple"
 *   showIntervalTabs
 *   colorTheme="dark"
 * />
 * ```
 *
 * @example
 * Specific interval analysis:
 * ```tsx
 * <TechnicalAnalysis
 *   symbol="BINANCE:BTCUSDT"
 *   interval="1h"
 *   displayMode="single"
 *   width={400}
 *   height={300}
 *   autosize={false}
 * />
 * ```
 *
 * @example
 * Forex analysis with transparent background:
 * ```tsx
 * <TechnicalAnalysis
 *   symbol="FOREX:EURUSD"
 *   interval="4h"
 *   displayMode="single"
 *   isTransparent
 *   colorTheme="light"
 *   showIntervalTabs={false}
 * />
 * ```
 */
declare const TechnicalAnalysis: (props: TechnicalAnalysisProps) => JSX.Element;

/**
 * Props for the SingleTicker component.
 */
type SingleTickerProps = {
    /**
     * The financial symbol to display in the ticker widget.
     * This should be a valid TradingView symbol identifier including the exchange prefix.
     *
     * **Symbol Format:**
     * - Format: `EXCHANGE:SYMBOL` (e.g., "NASDAQ:AAPL", "BINANCE:BTCUSDT")
     * - Exchange prefix is required for accurate data retrieval
     * - Case-sensitive symbol matching
     *
     * **Supported Asset Classes:**
     * - **Stocks:** "NASDAQ:AAPL", "NYSE:TSLA", "LSE:LLOY"
     * - **Cryptocurrencies:** "BINANCE:BTCUSDT", "COINBASE:ETHUSD"
     * - **Forex:** "FX:EURUSD", "OANDA:GBPJPY"
     * - **Commodities:** "COMEX:GC1!", "NYMEX:CL1!"
     * - **Indices:** "TVC:SPX", "TVC:DJI", "CAPITALCOM:US500"
     * - **Bonds:** "TVC:TNX", "TVC:DGS10"
     * - **Futures:** "CME:ES1!", "EUREX:FESX1!"
     *
     * @example "NASDAQ:AAPL", "BINANCE:BTCUSDT", "FX:EURUSD", "TVC:SPX"
     */
    readonly symbol: string;
    /**
     * Widget width in pixels. The widget will automatically adjust its height.
     * Use "full" to make the widget take the full width of its container.
     * @default "full"
     */
    readonly width?: Size;
    /**
     * Color theme for the widget interface.
     * - `light`: Light theme with white background
     * - `dark`: Dark theme with dark background
     * @default "light"
     */
    readonly colorTheme?: ColorTheme;
    /**
     * Locale for widget interface and content language.
     * Controls the display language for text elements and number formatting.
     * @default "en"
     */
    readonly locale?: Locale;
    /**
     * Whether to use a transparent background.
     * When enabled, removes the widget's background for seamless integration.
     * @default false
     */
    readonly isTransparent?: boolean;
    /**
     * Callback function called when an error occurs during widget initialization.
     * Use this to handle loading errors or invalid symbol configurations.
     * @param error The error that occurred
     */
    readonly onError?: (error: Error) => void;
};
/**
 * TradingView SingleTicker widget for displaying real-time financial instrument data.
 *
 * This compact widget displays essential information for a single financial instrument,
 * including current price, daily change, and key market data. Perfect for embedding
 * individual stock quotes, cryptocurrency prices, forex rates, or other financial
 * data directly into web pages, dashboards, or applications.
 *
 * **Key Features:**
 * - Real-time price updates for any supported financial instrument
 * - Current price with absolute and percentage change indicators
 * - Clean, compact design suitable for any layout
 * - Automatic height adjustment based on content
 * - Support for all major asset classes (stocks, crypto, forex, commodities)
 * - Color-coded price movement indicators
 * - Responsive design for various screen sizes
 * - Seamless integration with transparent background option
 *
 * **Displayed Information:**
 * - **Symbol Name:** Full name of the financial instrument
 * - **Current Price:** Real-time market price
 * - **Price Change:** Absolute change from previous close
 * - **Percentage Change:** Percentage change from previous close
 * - **Price Direction:** Color-coded indicators (green/red for up/down)
 * - **Market Status:** Open/closed indicator where applicable
 *
 * **Supported Markets:**
 * - **Global Stock Exchanges:** NYSE, NASDAQ, LSE, TSE, and 100+ others
 * - **Cryptocurrency Exchanges:** Binance, Coinbase, Kraken, and major platforms
 * - **Forex Markets:** Major and minor currency pairs
 * - **Commodities:** Gold, silver, oil, agricultural products
 * - **Indices:** S&P 500, Dow Jones, FTSE, DAX, Nikkei, and more
 * - **Bonds & Treasuries:** Government and corporate bonds
 * - **Futures & Options:** Derivatives across asset classes
 *
 * @see https://www.tradingview.com/widget-docs/widgets/tickers/single-ticker/
 *
 * @example
 * Basic Apple stock ticker:
 * ```tsx
 * <SingleTicker symbol="NASDAQ:AAPL" />
 * ```
 *
 * @example
 * Bitcoin price ticker with dark theme:
 * ```tsx
 * <SingleTicker
 *   symbol="BINANCE:BTCUSDT"
 *   colorTheme="dark"
 *   width={300}
 * />
 * ```
 *
 * @example
 * EUR/USD forex ticker with transparent background:
 * ```tsx
 * <SingleTicker
 *   symbol="FX:EURUSD"
 *   colorTheme="light"
 *   isTransparent
 *   locale="en"
 * />
 * ```
 *
 * @example
 * S&P 500 index ticker with custom configuration:
 * ```tsx
 * <SingleTicker
 *   symbol="TVC:SPX"
 *   width={400}
 *   locale="es"
 *   colorTheme="dark"
 *   isTransparent={false}
 * />
 * ```
 */
declare const SingleTicker: (props: SingleTickerProps) => JSX.Element;

export { AdvancedChart, type AdvancedChartIndicator, type AdvancedChartInterval, type AdvancedChartProps, type AdvancedChartStyle, type ChangeMode, type ChartType, CompanyProfile, type CompanyProfileProps, type ComparisonPosition, type ComparisonSymbol, type Country, CryptoMarket, type CryptoMarketDisplayCurrency, type CryptoMarketProps, EconomicCalendar, type EconomicCalendarProps, FundamentalData, type FundamentalDataDisplayMode, type FundamentalDataProps, type HeaderFontSize, type LineType, MiniChart, type MiniChartDateRange, type MiniChartProps, type ScaleMode, type ScalePosition, Screener, type ScreenerExchange, type ScreenerProps, SingleTicker, type SingleTickerProps, SymbolInfo, type SymbolInfoProps, SymbolOverview, type SymbolOverviewProps, TechnicalAnalysis, type TechnicalAnalysisDisplayMode, type TechnicalAnalysisInterval, type TechnicalAnalysisProps, type TimeFormat, TopStories, type TopStoriesDisplayMode, type TopStoriesFeedMode, type TopStoriesProps, type ValueTrackingMode };