Digamos que tengo el siguiente componente con 1 accesorio - título:

 <StyledBaseButton title="test" />

Agregaría el tipo de prop como este:

 const StyledBaseButton = styled(BaseButton)<{ title: string }>` background-color: ${colors.primary600}; border-color: ${colors.primary600}; `;

Sin embargo, si quiero agregar un segundo accesorio como este:

 <StyledBaseButton title="test" wide />

E intente agregar el segundo accesorio al componente con estilo de esta manera:

 const StyledBaseButton = styled(BaseButton)<{ title: string, wide: boolean }>` background-color: ${colors.primary600}; border-color: ${colors.primary600}; `;

No funciona y me imagino que estoy estropeando la sintaxis del componente con estilo. Intenté buscar en Google el problema, pero todas las soluciones siempre muestran cómo hacerlo con solo 1 accesorio, y ya puedo hacerlo. Lo que no puedo entender es cómo usar más de un accesorio.