Hello, I'm learning to make React applications with TS, and within my studies I came across a problem.
I'm exporting a component as follows
const Button = styled.button'
background-color: Transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
font-size: 1.2em;
margin: 2px;
float: right;
color: white;
'
export const RaisedButton = (props:IProps) => <Button>{props.label}</Button>
interface IProps {
label: string
}
When I import RaisedButton into my index, it enters as the button class and the button is assigned only the .css properties defined above.
I would like to know if it is possible to assign multiple .css properties within the same Button component, so I export several properties and do not need to recreate the component, just the properties.