import * as React from 'react';
declare const Selectable: {
    ({ valid, invalid, ...props }: (React.AllHTMLAttributes<HTMLInputElement> & {
        variant?: import("styled-system").ResponsiveValue<"onWhite" | "onBlack" | "onGray", Required<import("styled-system").Theme<React.ReactText>>>;
        adorned?: "after" | "before";
    } & {
        valid?: true;
        invalid?: false;
    } & {
        type: "textarea";
        pattern: undefined;
    } & {
        label: React.ReactNode;
        type: "checkbox" | "radio";
    }) | (React.AllHTMLAttributes<HTMLInputElement> & {
        variant?: import("styled-system").ResponsiveValue<"onWhite" | "onBlack" | "onGray", Required<import("styled-system").Theme<React.ReactText>>>;
        adorned?: "after" | "before";
    } & {
        valid?: true;
        invalid?: false;
    } & {
        type?: string;
        pattern?: string;
    } & {
        label: React.ReactNode;
        type: "checkbox" | "radio";
    }) | (React.AllHTMLAttributes<HTMLInputElement> & {
        variant?: import("styled-system").ResponsiveValue<"onWhite" | "onBlack" | "onGray", Required<import("styled-system").Theme<React.ReactText>>>;
        adorned?: "after" | "before";
    } & {
        invalid?: true;
        valid?: false;
    } & {
        type: "textarea";
        pattern: undefined;
    } & {
        label: React.ReactNode;
        type: "checkbox" | "radio";
    }) | (React.AllHTMLAttributes<HTMLInputElement> & {
        variant?: import("styled-system").ResponsiveValue<"onWhite" | "onBlack" | "onGray", Required<import("styled-system").Theme<React.ReactText>>>;
        adorned?: "after" | "before";
    } & {
        invalid?: true;
        valid?: false;
    } & {
        type?: string;
        pattern?: string;
    } & {
        label: React.ReactNode;
        type: "checkbox" | "radio";
    })): JSX.Element;
    defaultProps: {
        type: string;
        variant: string;
    };
};
export default Selectable;