import React from 'react';
import { OptionItem } from '../Input/Select/Select.types';
import { JustifyContentProp } from './ControlsListItem.types';
export declare const StyledButton: import("styled-components").IStyledComponent<"web", {
    children: React.ReactChild | React.ReactChild[];
    className?: string | undefined;
    id?: string | undefined;
    rel?: string | undefined;
    color?: ((t: import("../../theme/theme.types").Theme) => string) | undefined;
    onClick?: ((e: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
    onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
    onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
    onMouseOver?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement> | undefined;
    as?: any;
    form?: string | undefined;
    type?: "button" | "reset" | "submit" | undefined;
    target?: "_blank" | "_self" | undefined;
    disabled?: boolean | undefined;
    loading?: boolean | undefined;
    size?: "s" | "m" | "l" | undefined;
    to?: any;
    icon?: React.ReactNode;
    fullWidth?: boolean | undefined;
    colorFn?: ((t: import("../../theme/theme.types").Theme) => string) | undefined;
    variant?: "negative" | "primary" | "secondary" | "neutral" | undefined;
    external?: boolean | undefined;
    cms?: boolean | undefined;
    fullServerRedirect?: boolean | undefined;
    delayLoadingSpinnerAnimation?: boolean | undefined;
    iconPlacement?: "left" | "right" | undefined;
    componentId?: string | undefined;
    ref?: React.Ref<HTMLAnchorElement | HTMLButtonElement> | undefined;
    key?: React.Key | null | undefined;
}> & import("../Button/components/BaseButton/Button.types").BaseButtonComponent & {
    Pill: import("../Button/components/PillButton/PillButton.types").PillButtonComponent;
} & {
    Icon: import("../Button/components/IconButton/IconButton.types").IconButtonComponent;
};
export declare const StyledBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
    as?: any;
    backgroundColor?: "inherit" | import("../../common/Types").ColorFn | undefined;
    className?: string | undefined;
    children?: React.ReactNode;
} & import("../../Atoms/Box/Box.types").Paddings & {
    mt?: string | number | undefined;
    mb?: string | number | undefined;
    ml?: string | number | undefined;
    mr?: string | number | undefined;
    mx?: string | number | undefined;
    my?: string | number | undefined;
    m?: string | number | undefined;
} & {
    sm?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    md?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    xl?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    lg?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, {
    disabled?: boolean | undefined;
    focused: boolean;
    isKeyboardNavigation: boolean;
}>> & React.ForwardRefExoticComponent<{
    as?: any;
    backgroundColor?: "inherit" | import("../../common/Types").ColorFn | undefined;
    className?: string | undefined;
    children?: React.ReactNode;
} & import("../../Atoms/Box/Box.types").Paddings & {
    mt?: string | number | undefined;
    mb?: string | number | undefined;
    ml?: string | number | undefined;
    mr?: string | number | undefined;
    mx?: string | number | undefined;
    my?: string | number | undefined;
    m?: string | number | undefined;
} & {
    sm?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    md?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    xl?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
    lg?: Partial<import("../../Atoms/Box/Box.types").Paddings & {
        mt?: string | number | undefined;
        mb?: string | number | undefined;
        ml?: string | number | undefined;
        mr?: string | number | undefined;
        mx?: string | number | undefined;
        my?: string | number | undefined;
        m?: string | number | undefined;
    }> | undefined;
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
declare const ControlsListItemSelectListItem: ({ index, selectedItem, showCheckmark, justifyContent, }: {
    index: number;
    selectedItem: string | React.ReactElement | OptionItem[];
    showCheckmark?: boolean | undefined;
    justifyContent: JustifyContentProp;
}) => React.JSX.Element;
export default ControlsListItemSelectListItem;
