import * as React from "react";
import { ViewTabProps } from "../Tab";
import { DimensionStyleProps } from "../../theme/styles/dimension";
import { ColorStyleProps } from "../../theme/styles/color";
import { ColorName } from "../../types";
export type ViewTabsProps = ColorStyleProps & DimensionStyleProps & {
    className?: string;
    /** Key of the active Tab. */
    value?: string;
    /**
     * * `horizontal`: the tabs' headers are on the top.
     * * `vertical`: the tabs' headers are on the left.
     */
    orientation?: "horizontal" | "vertical";
    /**
     * If true, the tabs are displayed on the right or on the bottom,
     * depending on the `orientation`.
     * Defaults to `false`.
     */
    opposite?: boolean;
    /**
     * Callback to call when a new tab is active.
     * @param value Key of the newly activated tab.
     */
    onChange?(this: void, value?: string): void;
    /**
     * Color of the selection.
     * Defaults to `primary-5`.
     */
    colorAccent?: ColorName;
    /**
     * CSS size of the outline.
     * Defaults to `0`.
     */
    outline?: string;
    /**
     * CSS size of the line on the selected tab.
     * Defaults to `outline` or `4px`.
     */
    highlight?: string;
    children: React.ReactElement<ViewTabProps> | React.ReactElement<ViewTabProps>[];
};
export declare function ViewTabs(props: ViewTabsProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tabs.d.ts.map