@wix/design-system
Version:
@wix/design-system
15 lines • 1.09 kB
JavaScript
import React from 'react';
import { classes } from './NavigationToast.st.css.js';
import Toast from '../Toast';
import TextButton from '../TextButton';
import { ArrowBentUpLeft } from '@wix/wix-ui-icons-common';
import { useToastTimeout } from '../StatusToast/hooks/useToastTimeout';
import { dataHooks } from './NavigationToast.constants';
const NavigationToast = ({ children, dataHook, prefixIcon = React.createElement(ArrowBentUpLeft, null), onAction, duration = 0, dismissible = true, ...rest }) => {
useToastTimeout(duration || undefined, rest.onDismiss);
return (React.createElement(Toast, { dataHook: dataHook, className: classes.toast, dismissible: dismissible, ...rest },
React.createElement("div", { onClick: onAction, className: classes.root, "data-hook": dataHooks.actionContainer },
React.createElement(TextButton, { skin: "light", size: "medium", weight: "normal", underline: "onHover", prefixIcon: prefixIcon || undefined, dataHook: dataHooks.text }, children))));
};
export default NavigationToast;
//# sourceMappingURL=NavigationToast.js.map