@rabex-kit/rabex-ui 0.0.1

package/LICENCE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Amin Khademian
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Accordion/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AccordionProps as MuiAccordionProps } from '@mui/material';
+export declare type AccordionProps = MuiAccordionProps;
+/**
+ * The accordion component allows the user to show and hide sections of related content on a page.
+ *
+ * you can see Accordion Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion/)
+ *
+ * ```typescript
+ *  import { Accordion } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/AccordionActions/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AccordionActionsProps as MuiAccordionActionsProps } from '@mui/material';
+export declare type AccordionActionsProps = MuiAccordionActionsProps;
+/**
+ * API documentation for the React AccordionActions component. Learn about the available props and the CSS API.
+ *
+ * you can see AccordionActions Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-actions/)
+ *
+ * ```typescript
+ *  import { AccordionActions } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const AccordionActions: React.FC<AccordionActionsProps>;
+export default AccordionActions;

package/dist/AccordionDetails/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material';
+export declare type AccordionDetailsProps = MuiAccordionDetailsProps;
+/**
+ * API documentation for the React AccordionDetails component. Learn about the available props and the CSS API.
+ *
+ * you can see AccordionDetails Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-details/)
+ *
+ * ```typescript
+ *  import { AccordionDetails } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const AccordionDetails: React.FC<AccordionDetailsProps>;
+export default AccordionDetails;

package/dist/AccordionSummary/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AccordionSummaryProps as MuiAccordionSummaryProps } from '@mui/material';
+export declare type AccordionSummaryProps = MuiAccordionSummaryProps;
+/**
+ * API documentation for the React AccordionSummary component. Learn about the available props and the CSS API.
+ *
+ * you can see AccordionSummary Documentation api that I mentioned below [here](https://mui.com/material-ui/api/accordion-summary/)
+ *
+ * ```typescript
+ *  import { AccordionSummary } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const AccordionSummary: React.FC<AccordionSummaryProps>;
+export default AccordionSummary;

package/dist/Alert/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AlertProps as MuiAlertProps } from '@mui/material';
+export declare type AlertProps = MuiAlertProps;
+/**
+ * An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+ *
+ * you can see Alert Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert/)
+ *
+ * ```typescript
+ *  import { Alert } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Alert: React.FC<AlertProps>;
+export default Alert;

package/dist/AlertAction/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StackProps } from '@mui/material';
+export declare type AlertActionProps = StackProps;
+declare const AlertAction: React.FC<AlertActionProps>;
+export default AlertAction;

package/dist/AlertTimer/index.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+export declare type AlertTimerProps = {
+    children: ReactNode | string;
+    timestamp: number;
+    isStart?: boolean;
+    onComplete?: () => void;
+};
+declare const AlertTimer: React.FC<AlertTimerProps>;
+export default AlertTimer;

package/dist/AlertTitle/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AlertTitleProps as MuiAlertTitleProps } from '@mui/material';
+export declare type AlertTitleProps = MuiAlertTitleProps;
+/**
+ * An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.
+ *
+ * you can see AlertTitle Documentation api that I mentioned below [here](https://mui.com/material-ui/api/alert-title/)
+ *
+ * ```typescript
+ *  import { AlertTitle } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const AlertTitle: React.FC<AlertTitleProps>;
+export default AlertTitle;

package/dist/Autocomplete/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AutocompleteProps as MuiAutocompleteProps } from '@mui/material';
+export declare type AutocompleteProps<T> = MuiAutocompleteProps<T, boolean | undefined, boolean | undefined, boolean | undefined>;
+/**
+ * The autocomplete is a normal text input enhanced by a panel of suggested options.
+ *
+ * you can see Autocomplete Documentation api that I mentioned below [here](https://mui.com/material-ui/react-autocomplete/)
+ *
+ * ```typescript
+ *  import { Autocomplete } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Autocomplete: <T>(props: AutocompleteProps<T>) => JSX.Element;
+export default Autocomplete;

package/dist/Avatar/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AvatarProps as MuiAvatarProps } from '@mui/material';
+interface IProps extends MuiAvatarProps {
+    size?: string;
+}
+export declare type AvatarProps = IProps;
+/**
+ * Avatars are found throughout material design with uses in everything from tables to dialog menus.
+ * you can see Avatar Documentation api that I mentioned below [here](https://mui.com/material-ui/api/avatar/)
+ *
+ * ```typescript
+ *  import { Avatar } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/Backdrop/index.d.ts

@@ -0,0 +1,17 @@
+import { BackdropProps as MuiBackdropProps } from '@mui/material';
+import React from 'react';
+export declare type BackdropProps = MuiBackdropProps;
+/**
+ * The backdrop component is used to provide emphasis on a particular element or parts of it.
+ * You can read Material-UI Backdrop Documentation [here](https://mui.com/material-ui/react-backdrop/).
+ *
+ *
+ * ```typescript
+ *  import { Backdrop } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Backdrop: React.FC<BackdropProps>;
+export default Backdrop;

package/dist/Box/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BoxProps as MuiBoxProps } from '@mui/material';
+export declare type BoxProps = MuiBoxProps;
+/**
+ * The Box component serves as a wrapper component for most of the CSS utility needs.
+ *
+ * This is a custom wrapper component made of Material-UI Box.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/box/).
+ *
+ * ```typescript
+ *  import { Box } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Box: React.FC<BoxProps>;
+export default Box;

package/dist/Breadcrumbs/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+export declare type BreadcrumbsProps = MuiBreadcrumbsProps;
+/**
+ *
+ * Breadcrumbs consist of a list of links that help a user visualize a page's location
+ * within the hierarchical structure of a website, and allow navigation up to any of its "ancestors".
+ *
+ * you can see Breadcrumbs Documentation api that I mentioned below [here](https://mui.com/material-ui/api/breadcrumbs/)
+ *
+ * ```typescript
+ *  import { Breadcrumbs } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export default Breadcrumbs;

package/dist/Button/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+export declare type ButtonProps = Omit<MuiButtonProps, 'size' | 'color' | 'component' | 'isIcon'> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    isIcon?: boolean;
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    component?: React.ElementType;
+};
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/Checkbox/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+export declare type CheckboxProps = MuiCheckboxProps & {
+    error?: boolean;
+};
+/**
+ * Checkboxes allow the user to select one or more items from a set.
+ * If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.
+ * If you have a single option, avoid using a checkbox and use an on/off switch instead.
+ * You can read Material-UI Checkbox Documentation [here](https://mui.com/material-ui/api/checkbox/).
+ *
+ *
+ * ```typescript
+ *  import { Checkbox } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/Chip/index.d.ts

@@ -0,0 +1,25 @@
+import { ChipProps as MuiChipProps } from '@mui/material';
+import React from 'react';
+export declare type ChipProps = Omit<MuiChipProps, 'size'> & {
+    hasBullet?: boolean;
+    bulletColor?: string;
+    labelColor?: string;
+    mode?: 'normal' | 'light';
+    size?: 'small' | 'medium' | 'large';
+};
+/**
+ * Chip component of Material is somthing like Badge ,
+ * Material Ui Chip is wrapper for content that has
+ * Background color and other various Props,
+ * you can see Chip Documentation api that I mentioned below [here](https://mui.com/material-ui/api/chip)
+ *
+ * ```typescript
+ *  import { Chip } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/dist/CircularProgress/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+export declare type CircularProgressProps = MuiCircularProgressProps;
+/**
+ * Progress indicators commonly known as spinners, express an unspecified wait time or display the length of a process.
+ *
+ *
+ * You can read Material-UI CircularProgress Documentation [here](https://mui.com/material-ui/api/circular-progress/).
+ *
+ * ```typescript
+ *  import { CircularProgress } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const CircularProgress: React.FC<CircularProgressProps>;
+export default CircularProgress;

package/dist/ClickAwayListener/index.d.ts

@@ -0,0 +1,5 @@
+import { ClickAwayListenerProps as MuiClickAwayListenerProps } from '@mui/material';
+import React from 'react';
+export declare type ClickAwayListenerProps = MuiClickAwayListenerProps;
+declare const ClickAwayListener: React.FC<ClickAwayListenerProps>;
+export default ClickAwayListener;

package/dist/Collapse/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CollapseProps as MuiCollapseProps } from '@mui/material';
+export declare type CollapseProps = MuiCollapseProps;
+/**
+ * Expand from the start edge of the child element. Use the orientation prop if you need a horizontal collapse.
+ * The collapsedSize prop can be used to set the minimum width/height when not expanded.
+ *
+ * you can see Grow Documentation api that I mentioned below [here](https://mui.com/material-ui/api/collapse/)
+ *
+ * ```typescript
+ *  import { Collapse } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Collapse: React.FC<CollapseProps>;
+export default Collapse;

package/dist/Container/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ContainerProps as MuiContainerProps } from '@mui/material';
+export declare type ContainerProps = MuiContainerProps;
+/**
+ * The container centers your content horizontally. It's the most basic layout element.
+ *
+ *
+ * You can read Material-UI Container Documentation [here](https://mui.com/material-ui/api/Container/).
+ *
+ * ```typescript
+ *  import { Container } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/dist/CurrencyPairsTitle/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TypographyProps } from '../Typography';
+interface IProps {
+    primary: React.ReactNode | string;
+    secondary: React.ReactNode | string;
+    seperator?: string;
+    primaryProps?: TypographyProps;
+    secondaryProps?: TypographyProps;
+    seperatorProps?: TypographyProps;
+}
+export declare type CurrencyPairsTitleProps = IProps;
+/**
+ * CurrencyPairsTitle component use costomized Breadcrumbs component for Show pair currencies
+ * Example => BTC / USDT
+ * BTC is Origin prop and USDT is destination prop.
+ *
+ * ```typescript
+ *  import { CurrencyPairsTitle } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param params
+ * @returns
+ */
+declare const CurrencyPairsTitle: React.FC<CurrencyPairsTitleProps>;
+export default CurrencyPairsTitle;

package/dist/Description/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { StackProps } from '../Stack';
+export declare type DescriptionProps = StackProps & {
+    title: string;
+    items: ReactNode[];
+};
+declare const Description: ({ title, items, ...props }: DescriptionProps) => JSX.Element;
+export default Description;

package/dist/Dialog/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DialogProps as MuiDialogProps } from '@mui/material';
+export declare type DialogProps = MuiDialogProps;
+/**
+ * Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
+ *
+ * This is a custom wrapper component made of Material-UI Dialog.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/dialog/).
+ *
+ * ```typescript
+ *  import { Dialog } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Dialog: React.FC<DialogProps>;
+export default Dialog;

package/dist/DialogActions/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DialogActionsProps as MuiDialogActionsProps } from '@mui/material';
+export declare type DialogActionsProps = MuiDialogActionsProps;
+/**
+ * API reference docs for the React DialogActions component. Learn about the props, CSS, and other APIs of this exported module.
+ *
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/dialog-actions/).
+ *
+ * ```typescript
+ *  import { DialogActions } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const DialogActions: React.FC<DialogActionsProps>;
+export default DialogActions;

package/dist/DialogContent/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DialogContentProps as MuiDialogContentProps } from '@mui/material';
+export declare type DialogContentProps = MuiDialogContentProps;
+/**
+ * API reference docs for the React DialogContent component. Learn about the props, CSS, and other APIs of this exported module.
+ *
+ * This is a custom wrapper component made of Material-UI DialogContent.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/dialog-content/).
+ *
+ * ```typescript
+ *  import { DialogContent } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const DialogContent: React.FC<DialogContentProps>;
+export default DialogContent;

package/dist/DialogTitle/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+export declare type DialogTitleProps = MuiDialogTitleProps;
+/**
+ * SwipeableDrawer API. API reference docs for the React SwipeableDrawer component. Learn about the props, CSS, and other APIs of this exported module.
+ *
+ * This is a custom wrapper component made of Material-UI DialogTitle.
+ *
+ * You can read Material-UI Button Documentation [here](https://mui.com/material-ui/api/dialog-title/).
+ *
+ * ```typescript
+ *  import { DialogTitle } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const DialogTitle: React.FC<DialogTitleProps>;
+export default DialogTitle;

package/dist/Divider/index.d.ts

@@ -0,0 +1,16 @@
+import { DividerProps as MuiDividerProps } from '@mui/material';
+import React from 'react';
+export declare type DividerProps = MuiDividerProps;
+/**
+ *  A divider is a thin line that groups content in lists and layouts.
+ * You can read Material-UI Divider Documentation [here](https://mui.com/material-ui/api/divider/).
+ *
+ *  ```typescript
+ *  import { Divider } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Divider: React.FC<MuiDividerProps>;
+export default Divider;

package/dist/Drawer/index.d.ts

@@ -0,0 +1,16 @@
+import { DrawerProps as MuiDrawerProps } from '@mui/material/Drawer';
+import React from 'react';
+export declare type DrawerProps = MuiDrawerProps;
+/**
+ *  A drawer is the expanded layout of the hamburger menu on the responsive resolution.
+ * You can read Material-UI Drawer Documentation [here](https://mui.com/material-ui/api/drawer/).
+ *
+ *  ```typescript
+ *  import { Drawer } from '@rabex-kit/core';
+ *  ```
+ *
+ * @param props
+ * @returns
+ */
+declare const Drawer: React.FC<MuiDrawerProps>;
+export default Drawer;

package/dist/DynamicBackground/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BoxProps } from '../Box';
+export interface DynamicBackgroundProps extends BoxProps {
+    widthPercent?: number;
+    bgColor?: string;
+    align?: 'left' | 'right';
+}
+/**
+ *
+ * DynamicBackground is a wrapper for adding background
+ * to any Component
+ *
+ * @param props
+ * @returns
+ */
+declare const DynamicBackground: React.FC<DynamicBackgroundProps>;
+export default DynamicBackground;

package/dist/DynamicBackgroundContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StackProps } from '../Stack';
+export declare type DynamicBackgroundContainerProps = StackProps;
+declare const DynamicBackgroundContainer: React.FC<DynamicBackgroundContainerProps>;
+export default DynamicBackgroundContainer;

package/dist/Fade/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FadeProps as MuiAlertProps } from '@mui/material';
+export declare type FadeProps = MuiAlertProps;
+/**
+ * Fade in from transparent to opaque.
+ *
+ * you can see Fade Documentation api that I mentioned below [here](https://mui.com/material-ui/api/fade/)
+ *
+ * ```typescript
+ *  import { Fade } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const Fade: React.FC<FadeProps>;
+export default Fade;

package/dist/FormControl/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormControlProps as MuiFormControlProps } from '@mui/material';
+export declare type FormControlProps = MuiFormControlProps;
+/**
+ * Provides context such as filled/focused/error/required for form inputs. Relying on the context provides high flexibility and ensures that the state always stays consistent across the children of the FormControl.
+ *
+ * This is a custom wrapper component made of Material-UI FormControl.
+ *
+ * You can read Material-UI FormControl Documentation [here](https://mui.com/material-ui/api/form-control/).
+ *
+ * ```typescript
+ *  import { FormControl } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const FormControl: React.FC<FormControlProps>;
+export default FormControl;

package/dist/FormControlLabel/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
+export declare type FormControlLabelProps = MuiFormControlLabelProps & {
+    error?: boolean;
+};
+/**
+ * The name MuiFormControlLabel can be used when providing default props or style overrides in the theme.
+ * Drop-in replacement of the Radio, Switch and Checkbox component. Use this component if you want to display an extra label.
+ * This is a custom wrapper component made of Material-UI FormControlLabel.
+ *
+ * You can read Material-UI FormControlLabel Documentation [here](https://mui.com/material-ui/api/form-control-label/).
+ *
+ * ```typescript
+ *  import { FormControlLabel } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const FormControlLabel: React.FC<FormControlLabelProps>;
+export default FormControlLabel;

package/dist/FormGroup/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FormGroupProps as MuiFormGroupProps } from '@mui/material';
+export declare type FormGroupProps = MuiFormGroupProps;
+/**
+ * FormGroup wraps controls such as Checkbox and Switch. It provides compact row layout. For the Radio, you should be using the RadioGroup component instead of this one.
+ *
+ * This is a custom wrapper component made of Material-UI FormGroup.
+ *
+ * You can read Material-UI FormGroup Documentation [here](https://mui.com/material-ui/api/form-group/).
+ *
+ * ```typescript
+ *  import { FormGroup } from '@rabex-kit/core';
+ *  ```
+ *
+ *
+ * @param props
+ * @returns
+ */
+declare const FormGroup: React.FC<FormGroupProps>;
+export default FormGroup;