hay compañeros overflowers!

Tengo una pregunta sobre el proyecto next.js en el que estoy trabajando.

Tengo un componente de botón que tiene un icono, pero en lugar de esperar un accesorio del icono (en mi aplicación, solo se usará un icono) para pasar una bandera, por ejemplo. tiene icono.

Antes de devolver el componente, quiero configurar los accesorios que deben agregarse condicionalmente de acuerdo con el valor de la bandera anterior.

Si el valor de la bandera es verdadero, se debe agregar la siguiente parte startIcon={<ArrowForwardIcon />} . ¿Cómo puedo hacer eso con JavaScript Spread Operator para agregar accesorios condicionalmente a un componente?

Aquí está el código del componente Botón:

 import * as React from "react"; import MUIButton from "@mui/material/Button"; import ArrowForwardIcon from "@mui/icons-material/ArrowForward"; export default function Button({ variant, label, icon }) { // I want to make a const here return ( <MUIButton variant={variant} startIcon={<ArrowForwardIcon />}> {label} </MUIButton> ); }