Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 1x 1x | import React, { Component } from 'react';
import { SmartIcon_propTypes } from './props/propTypes';
import style from './Icons.module.css';
import { Icon } from '@zohodesk/icons';
import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
export default class SmartIcon extends Component {
render() {
let { onClick, dataId, dataTitle, iconClass, className } = this.props;
return (
<button
onClick={onClick}
className={`${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`}
data-id={dataId}
data-test-id={dataId}
data-title={dataTitle}
aria-label={dataTitle}
>
<Icon name='ZD-TK-peek' iconClass={iconClass ? iconClass : ''} />
</button>
);
}
}
SmartIcon.propTypes = SmartIcon_propTypes;
|