packages/sdds-cs/src/components/Notification/Notification.tsx - dev - sdds/plasma

packages/sdds-cs/src/components/Notification/Notification.tsx

36 строк1 KB

Dima Shugaev

feat(sdds-cs): get rid of styled-components

31 мар 2026, 11:13

31 мар 2026, 11:13a4628f6

import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
import {
    NotificationProps as NotificationPropsNewHope,
    NotificationPlacement,
    notificationConfig,
    NotificationsProvider as Provider,
    component,
    mergeConfig,
} from '@salutejs/plasma-new-hope/emotion';

import { config } from './Notification.config';

export type { NotificationPlacement };

const mergedConfig = mergeConfig(notificationConfig, config);

export const NotificationNewHope = component(mergedConfig);

type ConfigProps = 'size' | 'view' | 'layout' | 'closeIconType';
type NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &
    Omit<NotificationPropsNewHope, ConfigProps>;

export const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;

export const NotificationsProvider: React.FC<{
    children: ReactNode;
    frame?: string;
    placement?: NotificationPlacement;
    UNSAFE_SSR_ENABLED?: boolean;
}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {
    return (
        <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>
            {children}
        </Provider>
    );
};