@cerberus-design/styled-system/recipes/notification.d.ts

Cerberus Design System Panda-CSS styled-system.

/* eslint-disable */
import type { ConditionalValue } from '../types/index';
import type { DistributiveOmit, Pretty } from '../types/system-types';

interface NotificationVariant {
  /**
 * @default "info"
 */
palette: "info" | "success" | "warning" | "danger"
}

type NotificationVariantMap = {
  [key in keyof NotificationVariant]: Array<NotificationVariant[key]>
}

export type NotificationVariantProps = {
  [key in keyof NotificationVariant]?: ConditionalValue<NotificationVariant[key]> | undefined
}

export interface NotificationRecipe {
  __type: NotificationVariantProps
  (props?: NotificationVariantProps): Pretty<Record<"center" | "dialog" | "icon" | "heading" | "description" | "close" | "closeAll", string>>
  raw: (props?: NotificationVariantProps) => NotificationVariantProps
  variantMap: NotificationVariantMap
  variantKeys: Array<keyof NotificationVariant>
  splitVariantProps<Props extends NotificationVariantProps>(props: Props): [NotificationVariantProps, Pretty<DistributiveOmit<Props, keyof NotificationVariantProps>>]
  getVariantProps: (props?: NotificationVariantProps) => NotificationVariantProps
}

/**
 * The styles for Notification components


 */
export declare const notification: NotificationRecipe