Tengo el componente <Button />
que le quiero pasa propiedades básicas para después reutilizarlas en un nuevo componente que genero con styled-component
.
import React from "react"
import styled from "styled-component"
// button con estilos
import Button from "path/components/Button"
const ButtonRed = styled(Button)`
color: red;
`
export const MyComponent = () => {
return (
<>
<ButtonRed type="text" variant="default" disable={false}>Uno</ButtonRed>
<ButtonRed type="text" variant="default" disable={false}>Dos</ButtonRed>
<ButtonRed type="text" variant="default" disable={false}>Tres</ButtonRed>
</>
)
}
Y lo que quiero hacer es que en vez de pasarle las propiedades de text
, variant
y disable
a todos los botones repetidamente, se lo setee directamente en el ButtonRed
creado con styled()
.