@wix/design-system
Version:
@wix/design-system
24 lines • 1.63 kB
JavaScript
import React from 'react';
import { X } from '@wix/wix-ui-icons-common';
import IconButton from '../IconButton';
import { Text } from '..';
import { dataHooks } from './TopBanner.constants';
import { ActionLink } from './components/ActionLink/ActionLink';
import { ActionButton } from './components/ActionButton/ActionButton';
import { useIcons } from '../WixDesignSystemIconThemeProvider';
import { st, classes } from './TopBanner.st.css.js';
import { ZIndex } from '../common/ZIndex';
const TopBanner = ({ dismissible = true, dismissLabel, zIndex, position = 'static', onDismiss, action, dataHook, className, children, }) => {
const icons = useIcons('TopBanner', { X });
return (React.createElement("div", { "data-hook": dataHook, role: "status", "aria-live": "polite", style: { zIndex: zIndex ?? ZIndex.topBanner }, className: st(classes.root, { dismissible, position }, className) },
React.createElement("div", { className: classes.contentContainer },
React.createElement(Text, { size: "small", weight: "normal", dataHook: dataHooks.content }, children),
action && (React.createElement("div", { className: classes.action, "data-hook": dataHooks.action }, action))),
dismissible && (React.createElement(IconButton, { dataHook: dataHooks.dismissButton, skin: "dark", priority: "tertiary", size: "tiny", ariaLabel: dismissLabel, onClick: onDismiss },
React.createElement(icons.X, null)))));
};
TopBanner.displayName = 'TopBanner';
TopBanner.ActionButton = ActionButton;
TopBanner.ActionLink = ActionLink;
export default TopBanner;
//# sourceMappingURL=TopBanner.js.map