import { ArrowLeftIcon } from '@heroicons/react/24/outline';
import React, { forwardRef } from 'react';
const NotiHeader = forwardRef(({ isPreview, onBack, title }, ref) => (React.createElement("div", { ref: ref, className: 'relative flex shrink-0 items-center px-4 pb-1.5 pt-3' },
    React.createElement("button", { "aria-label": 'Back', className: [
            'absolute left-4 inline-flex items-center justify-center rounded-lg p-2',
            'text-gray-600 hover:bg-gray-100',
            'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
            isPreview ? 'translate-x-0 opacity-100' : 'pointer-events-none -translate-x-2 opacity-0',
        ].join(' '), onClick: onBack, type: 'button' },
        React.createElement(ArrowLeftIcon, { className: 'h-4 w-4' })),
    React.createElement("div", { className: [
            'truncate text-base font-semibold text-gray-900',
            'transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]',
            isPreview ? 'pl-10' : 'pl-0',
        ].join(' ') }, isPreview ? title !== null && title !== void 0 ? title : 'Thông báo' : 'Trung tâm thông báo'))));
NotiHeader.displayName = 'NotiHeader';
export default NotiHeader;
//# sourceMappingURL=NotiHeader.js.map