Interface AltButton

interface AltButton {
    name?: string;
    icon?: IconDefinition;
    alternateIcon?: IconDefinition;
    onPress?: () => void;
    backgroundColor?: { default?: string };
    active?: boolean;
    alternateIconComponent?: Element;
    iconComponent?: Element;
    customComponent?: Element;
    color?: string;
    activeColor?: string;
    inActiveColor?: string;
    show?: boolean;
    disabled?: boolean;
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    style?: CSSProperties;
    className?: string;
    iconWrapperProps?: HTMLAttributes<HTMLSpanElement>;
    textProps?: HTMLAttributes<HTMLSpanElement>;
    contentWrapperProps?: HTMLAttributes<HTMLDivElement>;
    renderContent?: (
        options: {
            index: number;
            isActive: boolean;
            defaultIcon: ReactNode;
            defaultLabel: ReactNode;
            defaultContent: ReactNode;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode;
    renderButton?: (
        options: {
            index: number;
            button: AltButton;
            defaultButton: ReactNode;
            defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode;
}