Interface ControlButtonsComponentTouchOptions

interface ControlButtonsComponentTouchOptions {
    buttons: ButtonTouch[];
    position?: "middle" | "left" | "right";
    location?: "center" | "bottom" | "top";
    direction?: "horizontal" | "vertical";
    buttonsContainerStyle?: CSSProperties;
    alternateIconComponent?: Element;
    iconComponent?: Element;
    showAspect?: boolean;
    containerProps?: HTMLAttributes<HTMLDivElement>;
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    buttonStyle?: CSSProperties;
    buttonClassName?: string;
    iconWrapperProps?: HTMLAttributes<HTMLSpanElement>;
    textProps?: HTMLAttributes<HTMLSpanElement>;
    textStyle?: CSSProperties;
    contentWrapperProps?: HTMLAttributes<HTMLDivElement>;
    renderButton?: (
        options: {
            index: number;
            button: ButtonTouch;
            defaultButton: ReactNode;
            defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode;
    renderButtonContent?: (
        options: {
            index: number;
            button: ButtonTouch;
            defaultIcon: ReactNode;
            defaultLabel: ReactNode;
            defaultContent: ReactNode;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode;
    gap?: string
    | number;
}