const Button = styled.div` color: #ffffff; background-color: #1e1f28; padding: 8px; gap: 4px; :hover { background-color: #363740; } font-family: Helvetica Neue; font-size: 14px; font-style: normal; font-weight: normal; line-height: 150%; border-radius: 4px; width: fit-content; cursor: pointer; justify-content: center; align-items: center; display: flex; font-size: 0.875rem; line-height: 1.25rem; `; const Icon = styled.i` color: #777583; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; `; return ( <Button onClick={props.onClick}> {props.icon && <Icon className={props.icon}></Icon>} {props.text} </Button> );