import { Root, RootProps } from './channel-button-root';
import { Illustration, IllustrationProps } from './channel-button-illustration';
import { Image, ImageProps } from './channel-button-image';
import { Text, TextProps } from './channel-button-text';

export type ChannelButtonProps = {
    Root: RootProps;
    Illustration: IllustrationProps;
    Image: ImageProps;
    Text: TextProps;
};
/**
 *
 * @component
 *
 * @example
 * <ChannelButton>
 *    <ChannelButton.Illustration>
 *      <ChannelButton.Image src="https://via.placeholder.com/150" alt="Image" />
 *    </ChannelButton.Illustration>
 *    <ChannelButton.Text>Text</ChannelButton.Text>
 * </ChannelButton>
 *
 * simple example:
 * @example
 * <ChannelButton>
 *    <ChannelButton.Image src="https://via.placeholder.com/150" alt="Image" />
 *    <ChannelButton.Text>Text</ChannelButton.Text>
 * </ChannelButton>
 */
declare const ChannelButton: typeof Root & {
    /**
     * The Illustration component is used to wrap the image in the ChannelButton.
     * It is used to provide a consistent layout for the image.
     * If you dont wrap the image in the Illustration component, the image will automatically be wrapped in the Illustration component.
     * If you want to override the default layout, you can wrap the image in the Illustration component and provide your own layout.
     *
     * @component
     *
     * @example
     * <ChannelButton.Illustration>
     *  <ChannelButton.Image src="https://via.placeholder.com/150" alt="Image" />
     * </ChannelButton.Illustration>
     */
    Illustration: typeof Illustration;
    /**
     * The Image component is used to display an image in the ChannelButton.
     *
     * @component
     *
     * @example
     * <ChannelButton.Image src="https://via.placeholder.com/150" alt="Image" />
     */
    Image: typeof Image;
    /**
     * The Text component is used to display text in the ChannelButton.
     *
     * @component
     *
     * @example
     * <ChannelButton.Text>Text</ChannelButton.Text>
     */
    Text: typeof Text;
};
export { ChannelButton };