import type { D3InterpolateName } from '../colors';
import type { ChemicalElement, ElementCategory, ElementSymbol, SplitLayout } from '../element';
import { ElementTile } from '../element';
import { ColorBar } from '../plot';
import type { ComponentProps, Snippet } from 'svelte';
import type { HTMLAttributes } from 'svelte/elements';
import type { MissingCellStyle } from '../heatmap-matrix';
import type { ScaleContext } from './index';
type HeatValue = number | string | (number | string)[];
type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
    tile_props?: Omit<Partial<ComponentProps<typeof ElementTile>>, `active` | `backdrop` | `element` | `href` | `label` | `segments` | `split_layout`>;
    show_photo?: boolean;
    disabled?: boolean;
    heatmap_values?: Partial<Record<ElementSymbol, HeatValue | null>> | (HeatValue | null)[];
    links?: keyof ChemicalElement | Partial<Record<ElementSymbol, string>> | null;
    log?: boolean;
    color_scale?: D3InterpolateName | ((num: number) => string);
    active_element?: ChemicalElement | null;
    active_category?: ElementCategory | null;
    active_elements?: (ElementSymbol | ChemicalElement)[];
    gap?: string;
    lanth_act_tiles?: {
        name: string;
        symbol: string;
        number: string;
        category: ElementCategory;
    }[];
    color_scale_range?: [number | null, number | null];
    color_overrides?: Partial<Record<ElementSymbol, string>>;
    labels?: Partial<Record<ElementSymbol, string>>;
    missing?: MissingCellStyle;
    split_layout?: SplitLayout;
    show_color_bar?: boolean;
    color_bar_props?: Partial<ComponentProps<typeof ColorBar>>;
    inset?: Snippet<[{
        active_element: ChemicalElement | null;
    }]>;
    tooltip?: Snippet<[
        {
            element: ChemicalElement;
            value: HeatValue | null;
            active: boolean;
            bg_color: string | null;
            scale_context: ScaleContext;
        }
    ]> | boolean;
    on_activate?: (element: ChemicalElement) => void;
};
declare const PeriodicTable: import("svelte").Component<$$ComponentProps, {}, "color_scale" | "active_element" | "active_category" | "active_elements">;
type PeriodicTable = ReturnType<typeof PeriodicTable>;
export default PeriodicTable;