} from '../../helpers/tracker';
import { useTracker } from '../../hooks/tracker';
-const ToggleIcon = ({ controller, className, icons, svg }) => {
+const ToggleIcon = ({ controller, className, icons, svg, title, transform }) => {
const { setManualState, state } = useTracker();
const activeController = controller || ToggleIcon.nullController;
const active = activeController.getActive(state, icons);
e.preventDefault();
e.stopPropagation();
}}
+ transform={transform}
>
- <ZeldaIcon name={icon} svg />
+ <ZeldaIcon name={icon} svg title={title} />
</g>;
}
return <span
e.stopPropagation();
}}
>
- <ZeldaIcon name={active || defaultIcon || icons[0]} />
+ <ZeldaIcon name={active || defaultIcon || icons[0]} title={title} />
</span>;
};
}),
icons: PropTypes.arrayOf(PropTypes.string),
svg: PropTypes.bool,
+ title: PropTypes.string,
+ transform: PropTypes.string,
};
export default ToggleIcon;