Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
import { BellOutline } from '../../lib/SvgComponents.jsx';
const CollapsedView = forwardRef(
(
{ expandNotification, label },
{ collapsedWrapperRef, collapsedBannerRef },
) => {
return (
<div
ref={collapsedWrapperRef}
className={`notification-banner-wrapper collapsed-view`}
onClick={expandNotification}
>
<button
ref={collapsedBannerRef}
className={`notification-banner-label`}
>
{label}
<span className="bell-icon">
<svg aria-hidden="true" focusable="false">
<BellOutline />
</svg>
</span>
</button>
</div>
);
},
);
CollapsedView.displayName = 'CollapsedView';
CollapsedView.propTypes = {
expandNotification: PropTypes.func,
label: PropTypes.string,
};
export default CollapsedView;
|