@wix/design-system/dist/esm/TopBanner/TopBanner.js

@wix/design-system

import React from 'react';
import CloseButton from '../CloseButton';
import { Text } from '..';
import { dataHooks } from './TopBanner.constants';
import { ActionLink } from './components/ActionLink/ActionLink';
import { ActionButton } from './components/ActionButton/ActionButton';
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, }) => (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, { light: true, size: "medium", weight: "normal", dataHook: dataHooks.content }, children),
        action && (React.createElement("div", { className: classes.action, "data-hook": dataHooks.action }, action))),
    dismissible && (React.createElement(CloseButton, { dataHook: dataHooks.dismissButton, skin: "lightFilled", size: "small", "aria-label": dismissLabel, onClick: onDismiss }))));
TopBanner.displayName = 'TopBanner';
TopBanner.ActionButton = ActionButton;
TopBanner.ActionLink = ActionLink;
export default TopBanner;
//# sourceMappingURL=TopBanner.js.map