@sendbird/uikit-react-native-foundation 1.0.0-rc.1

package/lib/typescript/src/assets/icon/index.d.ts

@@ -0,0 +1,62 @@
+declare const IconAssets: {
+    'chat-hide': any;
+    'chat-show': any;
+    add: any;
+    archive: any;
+    'arrow-left': any;
+    ban: any;
+    broadcast: any;
+    camera: any;
+    channels: any;
+    'chat-filled': any;
+    chat: any;
+    'checkbox-off': any;
+    'checkbox-on': any;
+    'chevron-down': any;
+    'chevron-right': any;
+    close: any;
+    copy: any;
+    create: any;
+    delete: any;
+    document: any;
+    'done-all': any;
+    done: any;
+    download: any;
+    edit: any;
+    'emoji-more': any;
+    error: any;
+    'file-audio': any;
+    'file-document': any;
+    freeze: any;
+    gif: any;
+    info: any;
+    leave: any;
+    members: any;
+    message: any;
+    moderations: any;
+    more: any;
+    mute: any;
+    'notifications-filled': any;
+    'notifications-off-filled': any;
+    notifications: any;
+    operator: any;
+    photo: any;
+    play: any;
+    plus: any;
+    question: any;
+    refresh: any;
+    remove: any;
+    'reply-filled': any;
+    reply: any;
+    search: any;
+    send: any;
+    'settings-filled': any;
+    spinner: any;
+    streaming: any;
+    supergroup: any;
+    theme: any;
+    'thumbnail-none': any;
+    unarchive: any;
+    user: any;
+};
+export default IconAssets;

package/lib/typescript/src/components/Image/Image.fastimage.d.ts

@@ -0,0 +1,3 @@
+import type { SendbirdImageComponent } from './index';
+declare const Image_FastImage: SendbirdImageComponent;
+export default Image_FastImage;

package/lib/typescript/src/components/Image/Image.reactnative.d.ts

@@ -0,0 +1,3 @@
+import type { SendbirdImageComponent } from './index';
+declare const Image_ReactNative: SendbirdImageComponent;
+export default Image_ReactNative;

package/lib/typescript/src/components/Image/index.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { ImageProps as NativeImageProps } from 'react-native';
+export interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {
+    onLoad?: (event: {
+        width: number;
+        height: number;
+    }) => void;
+    onError?: (event: {
+        error?: unknown;
+    }) => void;
+    tintColor?: string;
+}
+export declare type SendbirdImageComponent = React.FC<SendbirdImageProps>;
+declare const _default: SendbirdImageComponent;
+export default _default;

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,45 @@
+/** Assets **/
+export { default as IconAssets } from './assets/icon';
+/** Component **/
+export { default as Image } from './components/Image';
+/** UI **/
+export { default as ActionMenu, ActionMenuItem } from './ui/ActionMenu';
+export { default as Alert } from './ui/Alert';
+export { default as Avatar } from './ui/Avatar';
+export { default as Badge } from './ui/Badge';
+export { default as BottomSheet, BottomSheetItem } from './ui/BottomSheet';
+export { default as Button } from './ui/Button';
+export { default as ChannelFrozenBanner } from './ui/ChannelFrozenBanner';
+export { DialogProvider, useActionMenu, useAlert, usePrompt, useBottomSheet } from './ui/Dialog';
+export { default as Divider } from './ui/Divider';
+export { default as GroupChannelPreview } from './ui/GroupChannelPreview';
+export { default as Header } from './ui/Header';
+export { default as Icon } from './ui/Icon';
+export { default as LoadingSpinner } from './ui/LoadingSpinner';
+export { default as MenuBar, MenuBarProps } from './ui/MenuBar';
+export { default as Modal } from './ui/Modal';
+export { default as Placeholder } from './ui/Placeholder';
+export { default as Prompt } from './ui/Prompt';
+export { default as Switch } from './ui/Switch';
+export { default as Text } from './ui/Text';
+export { default as TextInput } from './ui/TextInput';
+export { default as Toast, useToast, ToastProvider } from './ui/Toast';
+export { default as URLParsedText } from './ui/URLParsedText';
+/** Styles **/
+export { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';
+export { default as createScaleFactor } from './styles/createScaleFactor';
+export { default as createStyleSheet } from './styles/createStyleSheet';
+export { default as createTypography, UIKitTypographyOverrides } from './styles/createTypography';
+export { default as getDefaultHeaderHeight } from './styles/getDefaultHeaderHeight';
+export { HeaderStyleContext, HeaderStyleProvider, HeaderStyleContextType } from './styles/HeaderStyleContext';
+export { default as useHeaderStyle } from './styles/useHeaderStyle';
+/** Theme **/
+export { default as createTheme } from './theme/createTheme';
+export { default as DarkUIKitTheme } from './theme/DarkUIKitTheme';
+export { default as LightUIKitTheme } from './theme/LightUIKitTheme';
+export { default as Palette } from './theme/Palette';
+export { default as UIKitThemeContext } from './theme/UIKitThemeContext';
+export { default as UIKitThemeProvider } from './theme/UIKitThemeProvider';
+export { default as useUIKitTheme } from './theme/useUIKitTheme';
+/** Types **/
+export type { TypoName, UIKitTheme, UIKitTypography, FontAttributes, BaseHeaderProps, UIKitColorScheme, UIKitColors, ComponentColorTree, UIKitPalette, HeaderElement, HeaderPartProps, ComponentColors, Component, GetColorTree, } from './types';

package/lib/typescript/src/styles/HeaderStyleContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { BaseHeaderProps, HeaderElement } from '../types';
+export declare type HeaderStyleContextType = {
+    HeaderComponent: (props: BaseHeaderProps<{
+        title?: HeaderElement;
+        left?: HeaderElement;
+        right?: HeaderElement;
+        onPressLeft?: () => void;
+        onPressRight?: () => void;
+    }, {
+        clearTitleMargin?: boolean;
+    }>) => React.ReactElement | null;
+    defaultTitleAlign: 'left' | 'center';
+    statusBarTranslucent: boolean;
+    topInset: number;
+};
+export declare const HeaderStyleContext: React.Context<HeaderStyleContextType>;
+declare type Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;
+export declare const HeaderStyleProvider: React.FC<Props>;
+export {};

package/lib/typescript/src/styles/createScaleFactor.d.ts

@@ -0,0 +1,6 @@
+declare const createScaleFactor: {
+    (deviceWidth?: number): (dp: number) => number;
+    updateScaleFactor(scaleFactor: (dp: number) => number): void;
+};
+export declare let DEFAULT_SCALE_FACTOR: (dp: number) => number;
+export default createScaleFactor;

package/lib/typescript/src/styles/createSelectByColorScheme.d.ts

@@ -0,0 +1,9 @@
+import type { UIKitColorScheme, UIKitTheme } from '../types';
+/**
+ * select method factory
+ * Select method returns the most fitting value for the color scheme you are currently running on.
+ * @param colorScheme
+ * @returns Function
+ * */
+declare const createSelectByColorScheme: (colorScheme: UIKitColorScheme) => UIKitTheme['select'];
+export default createSelectByColorScheme;

package/lib/typescript/src/styles/createStyleSheet.d.ts

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+/**
+ * Create StyleSheet with customized pre-processor
+ * Return a StyleSheet that pre-processed
+ * @param styles
+ * @returns StyleSheet
+ * */
+declare const createStyleSheet: <T extends StyleSheet.NamedStyles<T>>(styles: T | StyleSheet.NamedStyles<T>) => T;
+export default createStyleSheet;

package/lib/typescript/src/styles/createTypography.d.ts

@@ -0,0 +1,6 @@
+import type { FontAttributes, UIKitTypography } from '../types';
+export declare type UIKitTypographyOverrides = Partial<UIKitTypography> & {
+    shared?: Partial<FontAttributes>;
+};
+declare const createTypography: (overrides?: UIKitTypographyOverrides, scaleFactor?: (dp: number) => number) => UIKitTypography;
+export default createTypography;

package/lib/typescript/src/styles/getDefaultHeaderHeight.d.ts

@@ -0,0 +1,2 @@
+declare const getDefaultHeaderHeight: (isLandscape: boolean) => 56 | 48;
+export default getDefaultHeaderHeight;

package/lib/typescript/src/styles/useHeaderStyle.d.ts

@@ -0,0 +1,2 @@
+declare const useHeaderStyle: () => import("./HeaderStyleContext").HeaderStyleContextType;
+export default useHeaderStyle;

package/lib/typescript/src/theme/DarkUIKitTheme.d.ts

@@ -0,0 +1,2 @@
+declare const DarkUIKitTheme: import("..").UIKitTheme;
+export default DarkUIKitTheme;

package/lib/typescript/src/theme/LightUIKitTheme.d.ts

@@ -0,0 +1,2 @@
+declare const LightUIKitTheme: import("..").UIKitTheme;
+export default LightUIKitTheme;

package/lib/typescript/src/theme/Palette.d.ts

@@ -0,0 +1,3 @@
+import type { UIKitPalette } from '../types';
+declare const Palette: UIKitPalette;
+export default Palette;

package/lib/typescript/src/theme/UIKitThemeContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { UIKitTheme } from '../types';
+declare const UIKitThemeContext: React.Context<UIKitTheme | null>;
+export default UIKitThemeContext;

package/lib/typescript/src/theme/UIKitThemeProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { UIKitTheme } from '../types';
+declare type Props = {
+    theme?: UIKitTheme;
+};
+declare const UIKitThemeProvider: React.FC<Props>;
+export default UIKitThemeProvider;

package/lib/typescript/src/theme/createTheme.d.ts

@@ -0,0 +1,10 @@
+import { UIKitTypographyOverrides } from '../styles/createTypography';
+import type { UIKitColors, UIKitTheme } from '../types';
+declare type Options = {
+    colorScheme: UIKitTheme['colorScheme'];
+    colors: (palette: UIKitTheme['palette']) => UIKitColors;
+    palette?: UIKitTheme['palette'];
+    typography?: UIKitTypographyOverrides;
+};
+declare const createTheme: ({ colorScheme, palette, colors: createColors, typography, }: Options) => UIKitTheme;
+export default createTheme;

package/lib/typescript/src/theme/useUIKitTheme.d.ts

@@ -0,0 +1,3 @@
+import type { UIKitTheme } from '../types';
+declare const useUIKitTheme: () => UIKitTheme;
+export default useUIKitTheme;

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,167 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TextStyle } from 'react-native';
+export interface UIKitTypography {
+    h1: FontAttributes;
+    h2: FontAttributes;
+    subtitle1: FontAttributes;
+    subtitle2: FontAttributes;
+    body1: FontAttributes;
+    body2: FontAttributes;
+    body3: FontAttributes;
+    button: FontAttributes;
+    caption1: FontAttributes;
+    caption2: FontAttributes;
+    caption3: FontAttributes;
+    caption4: FontAttributes;
+}
+export declare type TypoName = keyof UIKitTypography;
+export declare type FontAttributes = Pick<TextStyle, 'fontFamily' | 'fontSize' | 'lineHeight' | 'letterSpacing' | 'fontWeight'>;
+export declare type UIKitColorScheme = 'light' | 'dark';
+export interface UIKitTheme {
+    colorScheme: UIKitColorScheme;
+    select<V>(options: {
+        [key in UIKitColorScheme | 'default']?: V;
+    }): V;
+    palette: UIKitPalette;
+    colors: UIKitColors;
+    typography: UIKitTypography;
+}
+export declare type Component = 'Header' | 'Button' | 'Dialog' | 'Input' | 'Badge' | 'Placeholder' | 'Message' | 'DateSeparator' | 'GroupChannelPreview';
+export declare type GetColorTree<Tree extends {
+    Variant: {
+        [key in Component]: string;
+    };
+    State: {
+        [key in Component]: string;
+    };
+    ColorPart: {
+        [key in Component]: string;
+    };
+}> = Tree;
+export declare type ComponentColorTree = GetColorTree<{
+    Variant: {
+        Header: 'nav';
+        Button: 'contained' | 'text';
+        Dialog: 'default';
+        Input: 'default' | 'underline';
+        Badge: 'default';
+        Placeholder: 'default';
+        Message: 'incoming' | 'outgoing';
+        DateSeparator: 'default';
+        GroupChannelPreview: 'default';
+    };
+    State: {
+        Header: 'none';
+        Button: 'enabled' | 'pressed' | 'disabled';
+        Dialog: 'none';
+        Input: 'active' | 'disabled';
+        Badge: 'none';
+        Placeholder: 'none';
+        Message: 'enabled' | 'pressed';
+        DateSeparator: 'none';
+        GroupChannelPreview: 'none';
+    };
+    ColorPart: {
+        Header: 'background' | 'borderBottom';
+        Button: 'background' | 'content';
+        Dialog: 'background' | 'text' | 'message' | 'highlight' | 'destructive';
+        Input: 'text' | 'placeholder' | 'background' | 'highlight';
+        Badge: 'text' | 'background';
+        Placeholder: 'content' | 'highlight';
+        Message: 'textMsg' | 'textEdited' | 'textSenderName' | 'textTime' | 'background';
+        DateSeparator: 'text' | 'background';
+        GroupChannelPreview: 'textTitle' | 'textTitleCaption' | 'textBody' | 'memberCount' | 'bodyIcon' | 'background' | 'coverBackground' | 'bodyIconBackground' | 'separator';
+    };
+}>;
+export declare type ComponentColors<T extends Component> = {
+    [key in ComponentColorTree['Variant'][T]]: {
+        [key in ComponentColorTree['State'][T]]: {
+            [key in ComponentColorTree['ColorPart'][T]]: string;
+        };
+    };
+};
+export interface UIKitColors {
+    primary: string;
+    secondary: string;
+    error: string;
+    background: string;
+    text: string;
+    onBackground01: string;
+    onBackground02: string;
+    onBackground03: string;
+    onBackground04: string;
+    onBackgroundReverse01: string;
+    onBackgroundReverse02: string;
+    onBackgroundReverse03: string;
+    onBackgroundReverse04: string;
+    /**
+     * UI Colors has below structure
+     * Component.{Variant}.{State}.{ColorPart}
+     * @example
+     * ```
+     *  const { colors } = useUIKitTheme();
+     *  colors.ui.button.contained.disabled.backgroundColor
+     * ```
+     * */
+    ui: {
+        header: ComponentColors<'Header'>;
+        button: ComponentColors<'Button'>;
+        dialog: ComponentColors<'Dialog'>;
+        input: ComponentColors<'Input'>;
+        badge: ComponentColors<'Badge'>;
+        placeholder: ComponentColors<'Placeholder'>;
+        message: ComponentColors<'Message'>;
+        dateSeparator: ComponentColors<'DateSeparator'>;
+        groupChannelPreview: ComponentColors<'GroupChannelPreview'>;
+    };
+}
+export declare type HeaderElement = string | ReactElement | null;
+export declare type HeaderPartProps = {
+    title?: HeaderElement;
+    right?: HeaderElement;
+    left?: HeaderElement;
+    onPressLeft?: (...params: any[]) => any;
+    onPressRight?: (...params: any[]) => any;
+};
+export declare type BaseHeaderProps<HeaderParts extends HeaderPartProps = {}, AdditionalProps = {}> = {
+    titleAlign?: 'left' | 'center' | 'right';
+    children?: ReactNode;
+} & HeaderParts & AdditionalProps;
+export interface UIKitPalette {
+    primary100: string;
+    primary200: string;
+    primary300: string;
+    primary400: string;
+    primary500: string;
+    secondary100: string;
+    secondary200: string;
+    secondary300: string;
+    secondary400: string;
+    secondary500: string;
+    error100: string;
+    error200: string;
+    error300: string;
+    error400: string;
+    error500: string;
+    background50: string;
+    background100: string;
+    background200: string;
+    background300: string;
+    background400: string;
+    background500: string;
+    background600: string;
+    background700: string;
+    overlay01: string;
+    overlay02: string;
+    information: string;
+    highlight: string;
+    transparent: 'transparent';
+    onBackgroundLight01: string;
+    onBackgroundLight02: string;
+    onBackgroundLight03: string;
+    onBackgroundLight04: string;
+    onBackgroundDark01: string;
+    onBackgroundDark02: string;
+    onBackgroundDark03: string;
+    onBackgroundDark04: string;
+}

package/lib/typescript/src/ui/ActionMenu/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare type ActionMenuItem = {
+    title?: string;
+    menuItems: {
+        title: string;
+        onPress?: (() => Promise<void>) | (() => void);
+        onError?: () => void;
+    }[];
+};
+declare type Props = {
+    visible: boolean;
+    onHide: () => void;
+    onError?: (error: unknown) => void;
+    onDismiss?: () => void;
+} & ActionMenuItem;
+declare const ActionMenu: React.FC<Props>;
+export default ActionMenu;

package/lib/typescript/src/ui/Alert/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AlertButton } from 'react-native';
+export declare type AlertItem = {
+    title?: string;
+    message?: string;
+    buttons?: AlertButton[];
+};
+declare type Props = {
+    visible: boolean;
+    onHide: () => void;
+    onDismiss?: () => void;
+} & AlertItem;
+declare const Alert: React.FC<Props>;
+export default Alert;

package/lib/typescript/src/ui/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    size?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare const AvatarGroup: React.FC<Props>;
+export default AvatarGroup;

package/lib/typescript/src/ui/Avatar/AvatarIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import Icon from '../Icon';
+declare type Props = {
+    icon: keyof typeof Icon.Assets;
+    size?: number;
+    backgroundColor?: string;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare const AvatarIcon: React.FC<Props>;
+export default AvatarIcon;

package/lib/typescript/src/ui/Avatar/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import AvatarGroup from './AvatarGroup';
+import AvatarIcon from './AvatarIcon';
+declare type SubComponents = {
+    Group: typeof AvatarGroup;
+    Icon: typeof AvatarIcon;
+};
+declare type Props = {
+    uri?: string;
+    size?: number;
+    square?: boolean;
+    muted?: boolean;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare const Avatar: React.FC<Props> & SubComponents;
+export default Avatar;

package/lib/typescript/src/ui/Badge/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    count: number;
+    maxCount?: number;
+    badgeColor?: string;
+    textColor?: string;
+    style?: StyleProp<ViewStyle>;
+    size?: 'small' | 'default';
+};
+declare const Badge: React.FC<Props>;
+export default Badge;

package/lib/typescript/src/ui/BottomSheet/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type Icon from '../Icon';
+export declare type BottomSheetItem = {
+    sheetItems: {
+        icon?: keyof typeof Icon.Assets;
+        iconColor?: string;
+        title: string;
+        titleColor?: string;
+        onPress: () => void;
+    }[];
+};
+declare type Props = {
+    visible: boolean;
+    onHide: () => Promise<void>;
+    onError?: (error: unknown) => void;
+    onDismiss?: () => void;
+} & BottomSheetItem;
+declare const BottomSheet: React.FC<Props>;
+export default BottomSheet;

package/lib/typescript/src/ui/Button/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import Icon from '../Icon';
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    icon?: keyof typeof Icon.Assets;
+    variant?: 'contained' | 'text';
+    disabled?: boolean;
+    onPress?: () => void;
+    buttonColor?: string;
+    contentColor?: string;
+};
+declare const Button: React.FC<Props>;
+export default Button;

package/lib/typescript/src/ui/ChannelFrozenBanner/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    text?: string;
+    textColor?: string;
+    backgroundColor?: string;
+};
+declare const ChannelFrozenBanner: React.FC<Props>;
+export default ChannelFrozenBanner;

package/lib/typescript/src/ui/Dialog/DialogBox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+};
+declare const DialogBox: React.FC<Props>;
+export default DialogBox;

package/lib/typescript/src/ui/Dialog/DialogSheet.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import Icon from '../Icon';
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+};
+declare const DialogSheet: React.FC<Props> & {
+    Item: typeof SheetItem;
+};
+export declare type SheetItemProps = {
+    icon?: keyof typeof Icon.Assets;
+    iconColor?: string;
+    title: string;
+    titleColor?: string;
+};
+declare const SheetItem: React.FC<SheetItemProps>;
+export default DialogSheet;

package/lib/typescript/src/ui/Dialog/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import type { ActionMenuItem } from '../ActionMenu';
+import type { AlertItem } from '../Alert';
+import type { BottomSheetItem } from '../BottomSheet';
+import type { PromptItem } from '../Prompt';
+declare type DialogJob = {
+    type: 'ActionMenu';
+    props: ActionMenuItem;
+} | {
+    type: 'Alert';
+    props: AlertItem;
+} | {
+    type: 'Prompt';
+    props: PromptItem;
+} | {
+    type: 'BottomSheet';
+    props: BottomSheetItem;
+};
+declare type DialogPropsBy<T extends DialogJob['type'], U extends DialogJob = DialogJob> = U extends {
+    type: T;
+    props: infer P;
+} ? P : never;
+declare type DialogContextType = {
+    openMenu: (props: DialogPropsBy<'ActionMenu'>) => void;
+    alert: (props: DialogPropsBy<'Alert'>) => void;
+    openPrompt: (props: DialogPropsBy<'Prompt'>) => void;
+    openSheet: (props: DialogPropsBy<'BottomSheet'>) => void;
+};
+declare type Props = {
+    defaultLabels?: {
+        alert?: {
+            ok?: string;
+        };
+        prompt?: {
+            placeholder?: string;
+            ok?: string;
+            cancel?: string;
+        };
+    };
+};
+export declare const DialogProvider: React.FC<Props>;
+export declare const useActionMenu: () => Pick<DialogContextType, "openMenu">;
+export declare const useAlert: () => Pick<DialogContextType, "alert">;
+export declare const usePrompt: () => Pick<DialogContextType, "openPrompt">;
+export declare const useBottomSheet: () => Pick<DialogContextType, "openSheet">;
+export {};

package/lib/typescript/src/ui/Divider/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    style?: StyleProp<ViewStyle>;
+    space?: number;
+};
+declare const Divider: React.FC<Props>;
+export default Divider;

package/lib/typescript/src/ui/GroupChannelPreview/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import Icon from '../Icon';
+declare type Props = {
+    customCover?: React.ReactElement;
+    coverUrl: string;
+    title: string;
+    titleCaption: string;
+    bodyIcon?: keyof typeof Icon.Assets;
+    body: string;
+    memberCount?: number;
+    badgeCount: number;
+    maxBadgeCount?: number;
+    frozen?: boolean;
+    notificationOff?: boolean;
+};
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;