Open Rope-a-dope opened 5 months ago
All buttons are not showing because the text is not passed, can be passed as children.
ButtonGroup
<section className="button-group"> {secondaryButtons.map((button) => ( <Button key={button.text + button.onClick.toString()} onClick={button.onClick} buttonType="secondary" > {button.text} </Button> ))} </section>
export default function Button({ onClick, buttonType, children }) { return ( <button onClick={onClick} className={`btn ${buttonType === "secondary" && "btn--secondary"}`} > {children} </button> ); }
All buttons are not showing because the text is not passed, can be passed as children.
ButtonGroup