import styles from './grid.module.css';
import Slot from './slot.jsx';
/**
* Inventory grid.
*/
export default function Grid({
active = -1,
color,
columns,
label,
onActivate,
slots,
}) {
const Slots = slots.map((slot, i) => (
{
onActivate(i)
event.stopPropagation();
}}
onMouseUp={(event) => {
event.stopPropagation();
}}
onDragOver={(event) => {
event.preventDefault();
}}
onDragStart={(event) => {
if (!slot) {
event.preventDefault();
}
event.dataTransfer.setData('silphius/item', i);
onActivate(i);
}}
onDrop={(event) => {
event.preventDefault();
onActivate(i);
}}
qty={slot?.qty}
/>
));
return (
);
}