import { ComponentProps, ExcludedProps, VariantProps } from "@vitality-ds/system";
import React from "react";
import { BaseIcon } from "./styled";
export declare type IconType = ExcludedProps & ComponentProps<typeof BaseIcon> & VariantProps<typeof BaseIcon> & {
    /**
     * The vertical alignment of the icon.
     */
    verticalAlign?: "baseline" | "bottom" | "middle" | "sub" | "super" | "text-bottom" | "text-top" | "top";
    /**
     * If the Icon is unaccompanied by a visible text label and has a meaningful action trigger on its own, pass the `title` prop and provide a description. This will allow screen readers to identify the icon's meaning and purpose to the user. Further reading: https://css-tricks.com/accessible-svg-icons
     */
    title?: string;
    /**
     * SVG <path> data. This component renders an <svg> element, so any children passed need to be valid children of the svg element.
     */
    children?: React.ReactNode;
};