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 {};