import React, { HTMLProps } from "react";
import { BoxProps } from "../Box";
import { StackProps } from "../Stack";
export interface OptionButtonGroupProps extends StackProps {
name?: string;
type?: "radio" | "checkbox";
}
export declare const OptionButtonGroup: (props: OptionButtonGroupProps) => React.JSX.Element;
export type OptionButtonRootProps = HTMLProps & {
theme?: "blue" | "green";
};
export declare const OptionButtonRoot: React.ForwardRefExoticComponent & React.RefAttributes>;
export type OptionButtonInputProps = HTMLProps;
export declare const OptionButtonInput: (props: OptionButtonInputProps) => React.JSX.Element;
export declare const OptionButtonContent: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
export declare const OptionButtonHeading: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
export declare const OptionButtonDescription: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
export declare const OptionButtonBackdrop: ({ className, ...rest }: BoxProps) => React.JSX.Element;
export declare const OptionButtonSelectedIcon: ({ className, ...rest }: BoxProps) => React.JSX.Element;
interface OptionButtonProps extends HTMLProps {
heading: string;
description?: string;
theme?: "blue" | "green";
}
export declare const OptionButton: {
(props: OptionButtonProps): React.JSX.Element;
Group: (props: OptionButtonGroupProps) => React.JSX.Element;
Root: React.ForwardRefExoticComponent & React.RefAttributes>;
Input: (props: OptionButtonInputProps) => React.JSX.Element;
Content: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
Heading: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
Description: ({ className, children, ...rest }: BoxProps) => React.JSX.Element;
Backdrop: ({ className, ...rest }: BoxProps) => React.JSX.Element;
SelectedIcon: ({ className, ...rest }: BoxProps) => React.JSX.Element;
};
export {};