/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-c7e2378
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { tasty } from '../../../../tasty/index.js';
import { Title } from '../../../content/Title.js';
const Header = tasty(Title, {
    as: 'div',
    preset: 'h6',
    styles: {
        gridArea: 'header',
        cursor: 'default',
        '&:not(:empty)': {
            margin: '0.25x 0 0.5x',
        },
    },
});
/**
 * @internal This component is unstable and must not be used outside of `NotificationView`.
 */
export const NotificationHeader = memo(function NotificationHeader(props) {
    const { header, ...headerProps } = props;
    return _jsx(Header, { ...headerProps, children: header });
});

        