@awsui/components-react/token-group/dismiss-button.js

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

import { __assign } from "tslib";
import React from 'react';
import clsx from 'clsx';
import styles from './styles.css.js';
import Icon from '../icon';
import useFocusVisible from '../internal/hooks/focus-visible';
export default function DismissButton(_a) {
    var disabled = _a.disabled, dismissLabel = _a.dismissLabel, onDismiss = _a.onDismiss;
    var tokenAttributes = {
        tabIndex: -1
    };
    if (dismissLabel) {
        tokenAttributes['aria-label'] = dismissLabel;
    }
    if (!disabled) {
        tokenAttributes.onClick = onDismiss;
        tokenAttributes.tabIndex = 0;
    }
    var focusVisible = useFocusVisible();
    return (React.createElement("button", __assign({ type: "button", className: clsx(styles['dismiss-button']) }, tokenAttributes, focusVisible),
        React.createElement(Icon, { name: "close" })));
}