Este es mi componente con styled-components:
import styled from "styled-components";
const StyledEditButton = styled.button`
border-radius: 5px;
`;
interface Props {
value: string;
}
export const EditButton = ({ value }: Props) => {
return <StyledEditButton>{value}</StyledEditButton>;
};
Tengo una consulta sobre si exportar o no los estilos.
Si este estilo (StyledEditButton) no lo voy a reutilizar más adelante, es decir, que solo va a afectar a este componente, es necesario exportarlo a otro archivo e importarlo al EditButton? es que en todos los tutoriales que he visto, solo hablan de componentes que si van a reutilizarse, tipo botón principal, input, etc... y claro, ellos exportan el estilo, pero justamente el que tengo yo, solo lo usaré en lugar en concreto. Se puede quedar el estilo en el componente y no tener que exportarlo? Seguro que es una pregunta tonta, pero he estado mirando mucho por internet y no he encontrado nada al respecto, ni repositorios donde la gente usa Styled-component. A ver si alguien me podría arrojar un poco de luz sobre esto. Muchas gracias!
styled
desde otro componente tendrás mas información y contexto para saber si exportarlo o si crear uno nuevo.