@leoncik/p14-hrnet-plugin
Version:
A custom select menu component made for my 14th OpenClassrooms project
36 lines (35 loc) • 1.68 kB
TypeScript
import React from 'react';
export interface selectMenuProps {
options: Array<string>;
label?: string;
customButtonRef?: React.RefObject<HTMLSpanElement>;
customMenuRef: any;
selectedOptionRef: React.RefObject<HTMLSpanElement>;
width?: number | boolean;
id?: string;
selectedOption: any;
optionIndex: number;
incrementOptionIndex: any;
updateNextOptionWithIndex: any;
updateLastOptionWithIndex: any;
setToLastOptionIndex: any;
setToLFirstOptionIndex: any;
updateFirstOptionWithIndex: any;
decrementOptionIndex: any;
updatePreviousOptionWithIndex: any;
disabled: boolean;
buttonIconPath: string;
showButtonIcon: boolean;
hiddenSelectRef: any;
optionsValues: Array<string> | undefined;
openSelectMenu: any;
closeSelectMenu: any;
isIconRotated: boolean;
mainColor: string;
buttonTextColor: string;
buttonTextHoverColor: string;
buttonBackgroundHoverColor: string;
buttonTextActiveColor: string;
}
declare const CustomButton: ({ options, optionsValues, label, customButtonRef, customMenuRef, selectedOptionRef, width, id, selectedOption, optionIndex, incrementOptionIndex, updateNextOptionWithIndex, updateLastOptionWithIndex, setToLastOptionIndex, setToLFirstOptionIndex, updateFirstOptionWithIndex, decrementOptionIndex, updatePreviousOptionWithIndex, disabled, buttonIconPath, showButtonIcon, hiddenSelectRef, isIconRotated, openSelectMenu, closeSelectMenu, mainColor, buttonTextColor, buttonTextHoverColor, buttonBackgroundHoverColor, buttonTextActiveColor, }: selectMenuProps) => JSX.Element;
export default CustomButton;