plataforma-fundacao-componentes 2.26.0 → 3.0.0-beta.0

package/dist/components/row/Row.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { TooltipPosition } from '../../libraries/Tooltips';
-import './Row.scss';
-interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
-    'tooltip-position'?: TooltipPosition;
-    'tooltip-text'?: string;
-    columnDirection?: boolean;
-    centralized?: boolean;
-}
-declare function Row(props: RowProps): React.JSX.Element;
-declare namespace Row {
-    var defaultProps: {
-        centralized: boolean;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof Row>;
-export default _default;

package/dist/components/row/Row.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Primary: () => React.JSX.Element;

package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactFragment } from 'react';
-import './ScrollArrowOverflow.scss';
-export interface ScrollArrowOverflowProps {
-    children?: ReactFragment;
-    arrows?: 'bottom' | 'left' | 'right';
-    defaultOpened?: boolean;
-}
-declare function ScrollArrowOverflow(props: ScrollArrowOverflowProps): React.JSX.Element;
-declare namespace ScrollArrowOverflow {
-    var defaultProps: Partial<ScrollArrowOverflowProps>;
-}
-declare const _default: React.MemoExoticComponent<typeof ScrollArrowOverflow>;
-export default _default;

package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.stories.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ScrollArrowOverflowProps } from './ScrollArrowOverflow';
-declare const _default: {
-    title: string;
-    argTypes: {
-        arrows: {
-            type: string;
-            options: string[];
-        };
-    };
-};
-export default _default;
-export declare const FirstExample: {
-    (args: ScrollArrowOverflowProps): React.JSX.Element;
-    args: Partial<ScrollArrowOverflowProps>;
-};

package/dist/components/search/Search.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './Search.scss';
-declare type Record = {
-    label: string;
-    value: number | number;
-};
-export interface SearchProps {
-    showSelected?: boolean;
-    onChange?: (value: string) => void;
-    onSelect?: any;
-    error?: boolean;
-    helperText?: string;
-    label: string;
-    placeholder?: string;
-    disabled?: boolean;
-    value: string;
-    data?: Array<Record>;
-    minLenghtToSearch?: number;
-    clearButton?: boolean;
-    loadData?: () => Promise<Array<Record>>;
-}
-declare function Search(props: SearchProps): React.JSX.Element;
-declare namespace Search {
-    var defaultProps: {
-        minLenghtToSearch: number;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof Search>;
-export default _default;

package/dist/components/search/Search.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const LocalDataExample: () => React.JSX.Element;
-export declare const DataExample: () => React.JSX.Element;
-export declare const ShowSelectedInInput: () => React.JSX.Element;
-export declare const MinLengthToSearch: () => React.JSX.Element;

package/dist/components/select/Select.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-import { TooltipPosition } from '../../libraries/Tooltips';
-import './Select.scss';
-declare type SelectAcceptedTypes = number | string | boolean;
-export declare type SelectOptionsType<T extends SelectAcceptedTypes = SelectAcceptedTypes> = {
-    label: string | number;
-    value: T | null;
-    key?: string;
-};
-declare type SelectPostEvent = {
-    setPanelOpened: (v: boolean) => void;
-};
-export interface SelectProps {
-    'tooltip-position'?: TooltipPosition;
-    'tooltip-text'?: string;
-    id?: string;
-    className?: string;
-    onChange: (value: any, evt: SelectPostEvent) => void;
-    value?: number | string | any[] | boolean | null;
-    label?: string;
-    placeholder?: string;
-    error?: boolean;
-    helperText?: string;
-    multiple?: boolean;
-    panelFilter?: boolean;
-    panelFilterPlaceholder?: string;
-    bottomPanel?: boolean;
-    showPanelFooter?: boolean;
-    options?: SelectOptionsType[];
-    noOptionMessage?: string;
-    multiplePlaceholder?: (number: any) => string;
-    clearButton?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    preSelectUniqueOption?: boolean;
-    readOnly?: boolean;
-    tabIndex?: number;
-}
-declare function Select(props: SelectProps): React.JSX.Element;
-declare namespace Select {
-    var defaultProps: {
-        onChange: undefined;
-        value: string;
-        multiple: boolean;
-        options: never[];
-        clearButton: boolean;
-        showPanelFooter: boolean;
-        panelFilterPlaceholder: string;
-        noOptionMessage: string;
-        multiplePlaceholder: (itens: any) => string;
-        preSelectUniqueOption: boolean;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof Select>;
-export default _default;

package/dist/components/select/Select.stories.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const SingleWithoutOptions: () => React.JSX.Element;
-export declare const Single: () => React.JSX.Element;
-export declare const SingleWithoutClear: () => React.JSX.Element;
-export declare const SingleError: () => React.JSX.Element;
-export declare const SingleFilter: () => React.JSX.Element;
-export declare const SingleFilterBottomPanel: () => React.JSX.Element;
-export declare const SinglePreSelectUniqueOption: () => React.JSX.Element;
-export declare const SinglePreSelectUniqueOptionReadOnly: () => React.JSX.Element;
-export declare const Multiple: () => React.JSX.Element;
-export declare const MultipleWithoutClearButton: () => React.JSX.Element;
-export declare const MultipleWithFilter: () => React.JSX.Element;
-export declare const MultipleWithFilterDisabled: () => React.JSX.Element;
-export declare const MultipleWithoutFooter: () => React.JSX.Element;
-export declare const MultipleWithoutOptions: () => React.JSX.Element;
-export declare const MultiplePreSelectUniqueOption: () => React.JSX.Element;
-export declare const MultiplePreSelectUniqueOptionReadOnly: () => React.JSX.Element;
-export declare const TwoTest: () => React.JSX.Element;
-export declare const NumberValue: () => React.JSX.Element;

package/dist/components/switch/Switch.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { TooltipPosition } from '../../libraries/Tooltips';
-import './Switch.scss';
-interface SwitchProps {
-    'tooltip-position'?: TooltipPosition;
-    'tooltip-text'?: string;
-    className?: string;
-    style?: object;
-    disabled?: boolean;
-    value?: boolean;
-    onChange?: (event: any) => void;
-    scale?: number;
-}
-declare function Switch(props: SwitchProps): React.JSX.Element;
-declare namespace Switch {
-    var defaultProps: {
-        disabled: boolean;
-        value: boolean;
-        scale: number;
-    };
-}
-export default Switch;

package/dist/components/switch/Switch.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Primary: () => React.JSX.Element;
-export declare const Scaled: () => React.JSX.Element;
-export declare const DisabledOn: () => React.JSX.Element;
-export declare const DisabledOff: () => React.JSX.Element;

package/dist/components/table/Table.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import './Table.scss';
-declare type indexes = string | number;
-declare type AceptedValue = string | React.ReactNode | number;
-export interface TableCell extends React.HTMLAttributes<HTMLTableCellElement> {
-    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
-}
-export declare type ColumnObject<R extends indexes | undefined = undefined> = {
-    key: R extends indexes ? R : indexes;
-    value: AceptedValue;
-    props?: TableCell;
-};
-export declare type LineObject<R extends indexes | undefined = undefined> = R extends indexes ? {
-    [key in R]: AceptedValue;
-} : any;
-interface BasicTableProps {
-    columns: unknown[];
-    lines?: unknown[];
-    className?: string;
-    sortable?: boolean;
-    onSort?: (event?: {
-        oldIndex: number;
-        newIndex: number;
-    }) => void;
-    confirmSort?: (event?: any) => Promise<any>;
-    upperHeader?: {
-        active?: boolean;
-        buttons?: {
-            id?: string;
-            disabled?: boolean;
-            icon?: React.ReactNode;
-            label?: string;
-            onClick?: () => void;
-        }[];
-    };
-}
-export interface TableProps extends BasicTableProps {
-    columns: ColumnObject[] | ColumnObject<indexes>[];
-    lines?: LineObject[] | LineObject<indexes>[];
-}
-export interface TypedTableProps<R extends indexes> extends BasicTableProps {
-    columns: ColumnObject<R>[];
-    lines?: LineObject<R>[];
-}
-export declare function TypedTable<R extends indexes>(props: TypedTableProps<R>): React.JSX.Element;
-export default function Table({ columns, lines, onSort, confirmSort, sortable, upperHeader, className, ...props }: TableProps): JSX.Element;
-export {};

package/dist/components/table/Table.stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import Table from './Table';
-declare const _default: {
-    title: string;
-    component: typeof Table;
-};
-export default _default;
-export declare const Example: () => React.JSX.Element;
-export declare const TableLikeZeplin: () => React.JSX.Element;
-export declare const Draggable: () => React.JSX.Element;
-export declare const ConfirmSort: () => React.JSX.Element;
-export declare const WithActions: () => React.JSX.Element;
-export declare const UpperHeader: () => React.JSX.Element;
-export declare const Typed: () => React.JSX.Element;
-export declare const WithOverflow: () => React.JSX.Element;

package/dist/components/table/components/TableUpperHeader/TableUpperHeader.d.ts

@@ -1,26 +0,0 @@
-import React, { ReactNode } from 'react';
-import { DropdownMenuProps } from '../../../dropdownMenu/DropdownMenu';
-import './TableUpperHeader.scss';
-interface upperHeaderButtonType {
-    type: 'Button';
-    id?: string;
-    onClick?: () => void;
-    label?: string;
-    leftIcon?: JSX.Element | React.ReactNode;
-    rightIcon?: JSX.Element | React.ReactNode;
-    disabled?: boolean;
-}
-export interface upperHeaderDropdownMenuType extends Omit<DropdownMenuProps, 'children'> {
-    type: 'DropdownMenu';
-    children: upperHeaderButtonType;
-}
-export interface TableUpperHeaderProps {
-    active?: boolean;
-    leftContent?: (upperHeaderButtonType | upperHeaderDropdownMenuType)[];
-    rightContent?: (upperHeaderButtonType | upperHeaderDropdownMenuType)[];
-    opened?: boolean;
-    collapsedContent?: ReactNode;
-}
-declare function TableUpperHeader(props: TableUpperHeaderProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof TableUpperHeader>;
-export default _default;

package/dist/components/table/components/actionsColumn/ActionsColumn.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { IconButtonProps } from '../../../iconButton/IconButton';
-import './ActionsColumn.scss';
-export declare const ActionsColumn: {
-    (props: {
-        buttons?: IconButtonProps[];
-    }): React.JSX.Element;
-    defaultProps: {
-        buttons: never[];
-    };
-};

package/dist/components/table/components/leftControlWithLabel/LeftControlWithLabel.d.ts

@@ -1,27 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { TooltipPosition } from '../../../../libraries/Tooltips';
-import { CheckboxProps } from '../../../checkbox/Checkbox';
-import './LeftControlWithLabel.scss';
-export interface LeftControlWithLabelElement extends CheckboxProps {
-    label?: React.ReactNode | JSX.Element;
-    justifyContent?: never;
-    spanProps?: never;
-    anchorLabelToCheckbox?: never;
-    removeUserSelect?: never;
-    type?: 'checkbox' | 'addRemove';
-    w100?: boolean;
-}
-export interface SpanPropsExtended extends HTMLAttributes<HTMLSpanElement> {
-    'tooltip-position'?: TooltipPosition;
-    'tooltip-text'?: string;
-}
-export interface LeftControlWithLabelString extends CheckboxProps {
-    label?: string;
-    justifyContent?: string;
-    spanProps?: SpanPropsExtended;
-    anchorLabelToCheckbox?: boolean;
-    removeUserSelect?: boolean;
-    type?: 'checkbox' | 'addRemove';
-    w100?: boolean;
-}
-export declare const LeftControlWithLabel: (props: LeftControlWithLabelElement | LeftControlWithLabelString) => React.JSX.Element;

package/dist/components/tableActions/TableActions.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { IconButtonProps } from '../iconButton/IconButton';
-import './TableActions.scss';
-export interface TableActionsProps {
-    label?: string;
-    actions?: IconButtonProps[];
-}
-declare function TableActions(props: TableActionsProps): React.JSX.Element;
-declare namespace TableActions {
-    var defaultProps: {
-        label: string;
-        actions: never[];
-    };
-}
-export default TableActions;

package/dist/components/tableFileNameAndAction/TableFileNameAndAction.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import './TableFileNameAndAction.scss';
-export declare type TableFileName = {
-    file?: File;
-    name?: string;
-    progress?: number;
-    indefinido?: boolean;
-    uploading?: boolean;
-    error?: boolean;
-    disabled?: boolean;
-};
-export interface TableFileNameAndActionProps {
-    files: TableFileName[];
-    white?: boolean;
-    rightIcon?: React.ReactNode;
-    onRightIconClick?: (event: number) => void;
-    disabledRightIcon?: boolean;
-}
-declare function TableFileNameAndAction(props: TableFileNameAndActionProps): React.JSX.Element;
-declare namespace TableFileNameAndAction {
-    var defaultProps: {};
-}
-declare const _default: React.MemoExoticComponent<typeof TableFileNameAndAction>;
-export default _default;

package/dist/components/tableFileNameAndAction/TableFileNameAndAction.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Primary: () => React.JSX.Element;
-export declare const White: () => React.JSX.Element;
-export declare const WithLoader: () => React.JSX.Element;

package/dist/components/tableWithOverflow/TableWithOverflow.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { TableUpperHeaderProps } from '../table/components/TableUpperHeader/TableUpperHeader';
-import './TableWithOverflow.scss';
-interface TableCell extends React.HTMLAttributes<HTMLTableCellElement> {
-    align?: 'left' | 'center' | 'right' | 'justify' | 'char';
-}
-export declare type ColumnObject = {
-    key: string;
-    props?: TableCell;
-    value: any;
-    absolute?: {
-        left?: string;
-        right?: string;
-        width: string;
-    };
-};
-interface TableWithOverflowProps {
-    upperHeader?: TableUpperHeaderProps;
-    showTopNavigator?: boolean;
-    columns: ColumnObject[];
-    lines?: any[];
-    noResultMessage?: string;
-}
-declare function TableWithOverflow(props: TableWithOverflowProps): React.JSX.Element;
-declare namespace TableWithOverflow {
-    var defaultProps: {
-        showTopNavigator: boolean;
-    };
-}
-declare const _default: React.MemoExoticComponent<typeof TableWithOverflow>;
-export default _default;

package/dist/components/tableWithOverflow/TableWithOverflow.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Primary: () => React.JSX.Element;
-export declare const UpperHeader: () => React.JSX.Element;
-export declare const UpperHeaderWithColumnFilter: () => React.JSX.Element;
-export declare const CollapseExample: () => React.JSX.Element;

package/dist/components/tabs/Tabs.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import './Tabs.scss';
-export interface TabsProps {
-    tabs?: {
-        title: string;
-        id?: string;
-        disabled?: boolean;
-    }[];
-    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
-    onChange: (val: number) => void;
-    atual?: number | null;
-    changeTitleColor?: boolean;
-}
-declare function Tabs(props: TabsProps): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Tabs>;
-export default _default;

package/dist/components/tabs/Tabs.stories.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.MemoExoticComponent<(props: import("./Tabs").TabsProps) => React.JSX.Element>;
-};
-export default _default;
-export declare const FirstExample: () => React.JSX.Element;

package/dist/components/textEditor/TextEditor.d.ts

@@ -1,21 +0,0 @@
-import React, { ReactNode } from 'react';
-import './TextEditor.scss';
-interface Props {
-    disabled?: boolean;
-    value?: string;
-    onChange?: (s: string, f: string) => void;
-    topLabel?: ReactNode;
-    helperText?: ReactNode;
-    hideTopLabel?: boolean;
-    hideHelperText?: boolean;
-    error?: boolean;
-    className?: string;
-}
-declare function TextEditor(props: Props): React.JSX.Element;
-declare namespace TextEditor {
-    var defaultProps: {
-        disabled: boolean;
-        value: string;
-    };
-}
-export default TextEditor;

package/dist/components/textEditor/TextEditor.stories.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Primary: () => React.JSX.Element;
-export declare const TopLabelHelperText: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const OnChangeListener: () => React.JSX.Element;
-export declare const WithValue: () => React.JSX.Element;
-export declare const ShowHTML: () => React.JSX.Element;

package/dist/components/textEditor/components/textEditorColorPicker/TextEditorColorPicker.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './TextEditorColorPicker.scss';
-interface Props {
-    onChange?: (color: string) => void;
-    atualColor?: string;
-    opened: boolean;
-}
-export default function TextEditorColorPicker(props: Props): React.JSX.Element;
-export {};

package/dist/components/textEditor/components/textEditorHeaderButton/TextEditorHeaderButton.d.ts

@@ -1,8 +0,0 @@
-import React, { ButtonHTMLAttributes, ReactNode } from 'react';
-import './TextEditorHeaderButton.scss';
-interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-    icon?: ReactNode;
-    active?: boolean;
-}
-export default function TextEditorHeaderButton({ icon, active, ...props }: Props): React.JSX.Element;
-export {};

package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts

@@ -1,8 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import './TextEditorHeaderInput.scss';
-interface Props extends InputHTMLAttributes<HTMLInputElement> {
-    label?: string;
-    onEnter: () => void;
-}
-export default function TextEditorHeaderInput(props: Props): React.JSX.Element;
-export {};

package/dist/components/textEditor/components/textEditorMenuButton/TextEditorMenuButton.d.ts

@@ -1,3 +0,0 @@
-import React, { ButtonHTMLAttributes } from 'react';
-import './TextEditorMenuButton.scss';
-export default function TextEditorMenuButton(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;

package/dist/components/textEditor/components/textEditorTitleChoser/TextEditorTitleChoser.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './TextEditorTitleChoser.scss';
-interface Props {
-    onChange?: (text: string) => void;
-    opened: boolean;
-}
-export default function TextEditorTitleChoser(props: Props): React.JSX.Element;
-export {};

package/dist/components/textEditor/components/textEditorUrlCreator/TextEditorUrlCreator.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './TextEditorUrlCreator.scss';
-interface Props {
-    opened?: boolean;
-    onChange?: (textValue: string, urlValue: string, newTab: boolean) => void;
-    editorId: string;
-}
-export default function TextEditorUrlCreator(props: Props): React.JSX.Element;
-export {};

package/dist/components/title/Title.d.ts

@@ -1,17 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import './Title.scss';
-interface TitleProps {
-    children: any;
-    showBackButton?: boolean;
-    onBackClick?: (event?: any) => void;
-    oneLineTitle?: boolean;
-    rightElement?: ReactNode;
-    hideRightElementXS?: boolean;
-    align?: CSSProperties['alignItems'];
-    flexWrap?: CSSProperties['flexWrap'];
-}
-declare function Title(props: TitleProps): React.JSX.Element;
-declare namespace Title {
-    var defaultProps: {};
-}
-export default Title;

package/dist/components/title/Title.stories.d.ts

@@ -1,45 +0,0 @@
-import React, { ComponentProps } from 'react';
-import Title from './Title';
-declare const _default: {
-    title: string;
-    component: typeof Title;
-    argTypes: {
-        align: {
-            options: string[];
-            type: string;
-        };
-    };
-};
-export default _default;
-export declare const FirstExample: {
-    (args: ComponentProps<typeof Title>): React.JSX.Element;
-    args: {
-        children: string;
-    };
-};
-export declare const BackExample: {
-    (args: ComponentProps<typeof Title>): React.JSX.Element;
-    args: {
-        children: string;
-        showBackButton: boolean;
-    };
-};
-export declare const RightElementExample: {
-    (args: ComponentProps<typeof Title>): React.JSX.Element;
-    args: {
-        showBackButton: boolean;
-        oneLineTitle: boolean;
-        hideRightElementsXS: boolean;
-        children: string;
-    };
-};
-export declare const RightElementExampleTwoElements: {
-    (args: ComponentProps<typeof Title>): React.JSX.Element;
-    args: {
-        showBackButton: boolean;
-        oneLineTitle: boolean;
-        hideRightElementXS: boolean;
-        align: string;
-        children: string;
-    };
-};

package/dist/components/toast/Toast.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { ToastTypes } from '../../libraries/Toast';
-import './Toast.scss';
-export interface ToastProps {
-    id?: string;
-    label?: string;
-    theme?: ToastTypes;
-    timeout?: number;
-    showActionButton?: boolean;
-    actionButtonText?: string;
-    pauseOnFocusLoss?: boolean;
-    onActionButtonClick?: (evt?: any) => void;
-    showStatusBar?: boolean;
-    onClose?: () => void;
-    prevent?: boolean;
-}
-declare function Toast(props: ToastProps): React.JSX.Element;
-declare namespace Toast {
-    var defaultProps: {
-        showStatusBar: boolean;
-        theme: ToastTypes;
-        showActionButton: boolean;
-        actionButtonText: string;
-    };
-}
-export default Toast;

package/dist/components/toast/Toast.stories.d.ts

@@ -1,12 +0,0 @@
-declare namespace _default {
-    export const title: string;
-    export { Toast as component };
-}
-export default _default;
-export function Default(): React.JSX.Element;
-export function Success(): React.JSX.Element;
-export function Error(): React.JSX.Element;
-export function Warning(): React.JSX.Element;
-export function DefaultWithButton(): React.JSX.Element;
-import Toast from "./Toast";
-import React from "react";