Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
render() {
const { active, buttonLabelActive, buttonLabelInactive, disabled, _handleClick: handleClick } = this;
const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;
const classes = classMap({
[`${prefix}--header__action`]: true,
[`${prefix}--header__menu-trigger`]: true,
[`${prefix}--header__menu-toggle`]: true,
[`${prefix}--header__action--active`]: active,
});
return html`
<button aria-label="${ifNonNull(buttonLabel)}" class="${classes}">
${active ? Close20() : Menu20()}
</button>
`;
}
protected _renderButton() {
const { closeButtonLabel, _type: type, _handleClickCloseButton: handleClickCloseButton } = this;
return html`
<button title="${ifDefined(closeButtonLabel)}" aria-label="${ifDefined(closeButtonLabel)}" class="${prefix}--${type}-notification__close-button" type="button">
${Close20({
class: `${prefix}--${type}-notification__close-icon`,
})}
</button>
`;
}
render() {
return html`
${Close20({
class: `${prefix}--modal-close__icon`,
})}
`;
}