/** * Copyright 2021, SumUp Ltd. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import { type FC, type HTMLAttributes, type ReactNode, type SVGProps } from 'react'; import { type ButtonGroupProps } from '../ButtonGroup/index.js'; import { type ImageProps } from '../Image/index.js'; export interface NotificationFullscreenProps extends HTMLAttributes { /** * An image to illustrate the notification. Supports either passing an image * source to `image.src` or an SVG component to `image.svg`. Pass an empty * string as alt text if the image is [decorative](https://www.w3.org/WAI/tutorials/images/decorative/), * or a localized description if the image is [informative](https://www.w3.org/WAI/tutorials/images/informative/). */ image: ImageProps | { svg: FC>; alt: string; }; /** * The notification's headline. Renders an `h2` element by default. If * appropriate, pass an object with `as: 'h1'` to render an `h1` element. */ headline: string | { as: 'h1' | 'h2'; label: string; }; /** * Optional body copy for notification details. */ body?: string | ReactNode; /** * Optional action buttons to allow users to act on the notification. */ actions?: ButtonGroupProps['actions']; } /** * The `NotificationFullscreen` component provides important information or * feedback as part of a process flow. */ export declare const NotificationFullscreen: import("react").ForwardRefExoticComponent>;