How to pass more styles through scss modules in React?

Question

React

import {category, accessories}  from "./Categories.module.scss";

const Accessories = () => (
    <div className={category, accessories}>
        <BoxButton text="Accessories" />
    </div>
);

I do not understand in className you can only pass one option? Write Unexpected a comma in that place.

Answer 1

Option 1
<div className={`${category} ${accessories}`}>
Option 2 - clsx or classnames .
<div className={clsx(category, accessories)}>