1 import React from 'react';
3 import CountDisplay from './CountDisplay';
4 import ToggleIcon from './ToggleIcon';
5 import { useTracker } from '../../hooks/tracker';
7 const Equipment = () => {
8 const { state } = useTracker();
10 return <div className="equipment">
11 <div className="item">
12 <ToggleIcon controller={ToggleIcon.simpleController} icons={['boots']} />
14 <div className="item">
16 controller={ToggleIcon.progressiveController('lift', 0, 2)}
17 icons={['glove', 'mitts']}
20 <div className="item">
21 <ToggleIcon controller={ToggleIcon.simpleController} icons={['flippers']} />
23 <div className="item">
24 <ToggleIcon controller={ToggleIcon.simpleController} icons={['moonpearl']} />
26 <div className="item">
28 controller={ToggleIcon.simpleController}
29 icons={['half-magic', 'quarter-magic']}
32 <div className="item">
34 controller={ToggleIcon.progressiveController('sword', 0, 4)}
35 icons={['sword-1', 'sword-2', 'sword-3', 'sword-4']}
38 <div className="item">
40 controller={ToggleIcon.progressiveController('shield', 0, 3)}
41 icons={['fighter-shield', 'fire-shield', 'mirror-shield']}
44 <div className="item">
46 controller={ToggleIcon.progressiveController('mail', 1, 3)}
47 icons={['green-mail', 'blue-mail', 'red-mail']}
50 <div className="item">
52 controller={ToggleIcon.modulusController('heart-piece')}
53 icons={['heart-0', 'heart-1', 'heart-2', 'heart-3']}
59 export default Equipment;