Professional-React-and-Next.js-Course
Professional-React-and-Next.js-Course copied to clipboard
ButtonGroup for trekbag has a bug
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>
);
}