|
Server : Apache System : Linux cloud.heroica.com.br 4.18.0-553.36.1.el8_10.x86_64 #1 SMP Wed Jan 22 03:07:54 EST 2025 x86_64 User : farolpborg ( 1053) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /var/www/node_services/novosisneg/frontend/components/ |
Upload File : |
import Stepper from "@keyvaluesystems/react-stepper";
interface StepperCadastrarProps {
actvestep:number;
}
function KeyVAlueStepper({actvestep}:StepperCadastrarProps) {
const styles = {
LineSeparator: () => ({
backgroundColor: "#6c757d",
}),
ActiveNode: () => ({
backgroundColor: "#0d6efd",
}),
CompletedNode: () => ({
backgroundColor: "#198754",
}),
LabelTitle:()=>({
})
}
const stepsArray = [
{
stepLabel: "Dados do Representante",
stepDescription: "",
completed: (actvestep >0) ,
},
{
stepLabel: "Endereço",
stepDescription: "",
completed: (actvestep>1) ,
},
{
stepLabel: "Dados da Empresa",
stepDescription: "",
completed: (actvestep>2) ,
}
]
return (
<Stepper
steps={stepsArray}
showDescriptionsForAllSteps={false}
currentStepIndex={actvestep}
styles={styles}
labelPosition="top"
orientation={'horizontal'}
/>
);
}
export default KeyVAlueStepper;