import type { ChemicalElement, ElementCategory, ElementSymbol } from '../element';
import { ElementTile } from '../element';
import { ColorBar } from '../plot';
import type { ComponentProps, Snippet } from 'svelte';
import type { HTMLAttributes } from 'svelte/elements';
import type { D3InterpolateName } from '../colors';
import type { ScaleContext } from './index';
type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
    tile_props?: Partial<ComponentProps<typeof ElementTile>>;
    show_photo?: boolean;
    disabled?: boolean;
    heatmap_values?: Partial<Record<ElementSymbol, number | number[] | string | string[]>> | (number | number[] | string | string[])[];
    links?: keyof ChemicalElement | 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;
    inner_transition_metal_offset?: number;
    lanth_act_tiles?: {
        name: string;
        symbol: string;
        number: string;
        category: ElementCategory;
    }[];
    lanth_act_style?: string;
    color_scale_range?: [number | null, number | null];
    color_overrides?: Partial<Record<ElementSymbol, string>>;
    labels?: Partial<Record<ElementSymbol, string>>;
    missing_color?: string;
    split_layout?: `diagonal` | `horizontal` | `vertical` | `triangular` | `quadrant`;
    show_color_bar?: boolean;
    color_bar_props?: Partial<ComponentProps<typeof ColorBar>>;
    inset?: Snippet<[{
        active_element: ChemicalElement | null;
    }]>;
    bottom_left_inset?: Snippet<[{
        active_element: ChemicalElement | null;
    }]>;
    tooltip?: Snippet<[
        {
            element: ChemicalElement;
            value: number | number[] | string | string[];
            active: boolean;
            bg_color: string | null;
            scale_context: ScaleContext;
        }
    ]> | boolean;
    children?: Snippet;
    onenter?: (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;