gov-ui-core 0.2.6-beta.10 → 0.2.6-beta.11

package/build/components/Form/Item.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { RegisterOptions } from 'react-hook-form/dist/types/validator';
-import { ErrorStyle } from '../Input/data';
-import { FieldErrors } from 'react-hook-form/dist/types/errors';
-import { Control, FieldValues } from 'react-hook-form';
-interface IItemProps<T extends FieldValues> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'prefix'> {
-    name?: string;
-    label?: React.ReactNode;
-    rules?: RegisterOptions;
-    error?: FieldErrors;
-    errorStyle?: ErrorStyle | false;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    emptyLabel?: boolean;
-    asterisk?: boolean;
-    itemClassName?: string;
-    isFormItem?: boolean;
-    visible?: boolean;
-    control?: Control<T>;
-}
-declare const Item: React.ForwardRefExoticComponent<IItemProps<FieldValues> & React.RefAttributes<HTMLDivElement>>;
-export default Item;
+import React from 'react';
+import { RegisterOptions } from 'react-hook-form/dist/types/validator';
+import { ErrorStyle } from '../Input/data';
+import { FieldErrors } from 'react-hook-form/dist/types/errors';
+import { Control, FieldValues } from 'react-hook-form';
+interface IItemProps<T extends FieldValues> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'prefix'> {
+    name?: string;
+    label?: React.ReactNode;
+    rules?: RegisterOptions;
+    error?: FieldErrors;
+    errorStyle?: ErrorStyle | false;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    emptyLabel?: boolean;
+    asterisk?: boolean;
+    itemClassName?: string;
+    isFormItem?: boolean;
+    visible?: boolean;
+    control?: Control<T>;
+}
+declare const Item: React.ForwardRefExoticComponent<IItemProps<FieldValues> & React.RefAttributes<HTMLDivElement>>;
+export default Item;

package/build/components/Form/index.d.ts

@@ -1,14 +1,14 @@
-import FormProvider from './Form';
-import Item from './Item';
-import Group from './Group';
-import { UseFormReturn } from 'react-hook-form';
-type FormType = typeof FormProvider;
-interface FormInterface extends FormType {
-    Item: typeof Item;
-    Group: typeof Group;
-}
-interface Methods extends UseFormReturn {
-}
-declare const Form: FormInterface;
-export type { Methods };
-export default Form;
+import FormProvider from './Form';
+import Item from './Item';
+import Group from './Group';
+import { UseFormReturn } from 'react-hook-form';
+type FormType = typeof FormProvider;
+interface FormInterface extends FormType {
+    Item: typeof Item;
+    Group: typeof Group;
+}
+interface Methods extends UseFormReturn {
+}
+declare const Form: FormInterface;
+export type { Methods };
+export default Form;

package/build/components/Form/styled.d.ts

@@ -1,7 +1,7 @@
-export declare const FormArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    layout?: {
-        label: number | string;
-        wrapper?: number | undefined;
-    } | undefined;
-    hideAsterisk?: boolean | undefined;
-}, never>;
+export declare const FormArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    layout?: {
+        label: number | string;
+        wrapper?: number | undefined;
+    } | undefined;
+    hideAsterisk?: boolean | undefined;
+}, never>;

package/build/components/Header/ContentHeader.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export interface IContentHeaderProps {
-    title?: React.ReactNode | string;
-    emptyMessage?: React.ReactNode | string;
-    validationMessage?: React.ReactNode | string;
-    description?: React.ReactNode | string;
-    rightContent?: React.ReactNode;
-    small?: boolean;
-    noTitle?: boolean;
-    onlyDescription?: boolean;
-    wrapStyle?: Record<string, any>;
-    headerClassName?: string;
-}
-declare const ContentHeader: React.FC<IContentHeaderProps>;
-export default ContentHeader;
+import React from 'react';
+export interface IContentHeaderProps {
+    title?: React.ReactNode | string;
+    emptyMessage?: React.ReactNode | string;
+    validationMessage?: React.ReactNode | string;
+    description?: React.ReactNode | string;
+    rightContent?: React.ReactNode;
+    small?: boolean;
+    noTitle?: boolean;
+    onlyDescription?: boolean;
+    wrapStyle?: Record<string, any>;
+    headerClassName?: string;
+}
+declare const ContentHeader: React.FC<IContentHeaderProps>;
+export default ContentHeader;

package/build/components/Header/styled.d.ts

@@ -1,5 +1,5 @@
-export declare const ContentHeaderBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    small?: boolean | undefined;
-    minusWidth: number;
-    noTitle?: boolean | undefined;
-}, never>;
+export declare const ContentHeaderBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    small?: boolean | undefined;
+    minusWidth: number;
+    noTitle?: boolean | undefined;
+}, never>;

package/build/components/Icons/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-export type sizes = 'x-small' | 'small' | 'default' | 'medium' | 'large' | 'x-large';
-export interface IIconsProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    style?: any;
-    color?: string;
-    size?: sizes;
-    fixSize?: sizes;
-    spin?: boolean;
-    spinSec?: number;
-    inverse?: boolean;
-    className?: string;
-}
-declare const Icons: React.FC<IIconsProps>;
-export default Icons;
+import React from 'react';
+export type sizes = 'x-small' | 'small' | 'default' | 'medium' | 'large' | 'x-large';
+export interface IIconsProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+    style?: any;
+    color?: string;
+    size?: sizes;
+    fixSize?: sizes;
+    spin?: boolean;
+    spinSec?: number;
+    inverse?: boolean;
+    className?: string;
+}
+declare const Icons: React.FC<IIconsProps>;
+export default Icons;

package/build/components/Input/Checkbox.d.ts

@@ -1,19 +1,22 @@
-import React from 'react';
-import { ErrorType, OptionType } from './data';
-export interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
-    name?: string;
-    description?: React.ReactNode;
-    error?: string | ErrorType;
-    setValue?: any;
-    options?: string[] | OptionType[];
-    onChange?: (value: string[] | undefined) => void;
-    vertical?: boolean;
-    cRef?: React.Ref<any>;
-}
-export interface CheckboxRef {
-    checkAll: (reset?: boolean) => void;
-    changeValue: (values: string[]) => void;
-    checkValue: (values: string[]) => void;
-}
-declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxProps & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;
+import React from 'react';
+import { ErrorType, OptionType } from './data';
+export interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange' | 'size'> {
+    name?: string;
+    description?: React.ReactNode;
+    error?: string | ErrorType;
+    setValue?: any;
+    options?: string[] | OptionType[];
+    onChange?: (value: string[] | undefined) => void;
+    indeterminate?: boolean;
+    vertical?: boolean;
+    cRef?: React.Ref<any>;
+    type?: 'text' | 'icon';
+    size?: 'small' | 'medium';
+}
+export interface CheckboxRef {
+    checkAll: (reset?: boolean) => void;
+    changeValue: (values: string[]) => void;
+    checkValue: (values: string[]) => void;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<ICheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/build/components/Input/ErrorMessage.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import './ErrorMessage.scss';
-interface IErrorMessageProps {
-    visible: boolean;
-    message: React.ReactNode | string;
-}
-declare const ErrorMessage: React.FC<IErrorMessageProps>;
-export default ErrorMessage;
+import React from 'react';
+import './ErrorMessage.scss';
+interface IErrorMessageProps {
+    visible: boolean;
+    message: React.ReactNode | string;
+}
+declare const ErrorMessage: React.FC<IErrorMessageProps>;
+export default ErrorMessage;

package/build/components/Input/Input.d.ts

@@ -1,23 +1,24 @@
-import React from 'react';
-import { ErrorType, ErrorStyle } from './data';
-import { ChangeHandler } from 'react-hook-form';
-export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
-    error?: string | ErrorType | boolean;
-    errorStyle?: ErrorStyle;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    selectDisabled?: boolean;
-    description?: React.ReactNode;
-    size?: 'small' | 'medium';
-    areaStyle?: Record<string, any>;
-    selectValue?: React.ReactNode;
-    isSelect?: boolean;
-    active?: boolean;
-    formOnChange?: ChangeHandler;
-}
-/**
- * input base component
- * 해당 컴포넌트를 이용하여 기본적인 input 을 공용으로 생성
- */
-declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
-export default Input;
+import React from 'react';
+import { ErrorType, ErrorStyle } from './data';
+import { ChangeHandler } from 'react-hook-form';
+export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
+    error?: string | ErrorType | boolean;
+    errorStyle?: ErrorStyle;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    selectDisabled?: boolean;
+    description?: React.ReactNode;
+    size?: 'small' | 'medium';
+    areaStyle?: Record<string, any>;
+    selectValue?: React.ReactNode;
+    isSelect?: boolean;
+    active?: boolean;
+    formOnChange?: ChangeHandler;
+    wrapClassName?: string;
+}
+/**
+ * input base component
+ * 해당 컴포넌트를 이용하여 기본적인 input 을 공용으로 생성
+ */
+declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/build/components/Input/InputNumber.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { IInputProps } from './Input';
-interface IInputNumberProps extends IInputProps {
-    setValue?: any;
-    onChange?: (event: any) => void;
-}
-declare const InputNumber: React.ForwardRefExoticComponent<IInputNumberProps & React.RefAttributes<HTMLInputElement>>;
-export default InputNumber;
+import React from 'react';
+import { IInputProps } from './Input';
+interface IInputNumberProps extends IInputProps {
+    setValue?: any;
+    onChange?: (event: any) => void;
+}
+declare const InputNumber: React.ForwardRefExoticComponent<IInputNumberProps & React.RefAttributes<HTMLInputElement>>;
+export default InputNumber;

package/build/components/Input/Radio.d.ts

@@ -1,16 +1,18 @@
-import React from 'react';
-import { ChangeHandler } from 'react-hook-form';
-import { ErrorType, OptionType } from './data';
-export interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
-    name?: string;
-    description?: React.ReactNode;
-    error?: string | ErrorType;
-    setValue?: any;
-    options?: string[] | OptionType[];
-    onChange?: (value: any) => void;
-    formOnChange?: ChangeHandler;
-    vertical?: boolean;
-    label?: string;
-}
-declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;
-export default Radio;
+import React from 'react';
+import { ChangeHandler } from 'react-hook-form';
+import { ErrorType, OptionType } from './data';
+export interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange' | 'size'> {
+    name?: string;
+    description?: React.ReactNode;
+    error?: string | ErrorType;
+    setValue?: any;
+    options?: string[] | OptionType[];
+    onChange?: (value: any) => void;
+    formOnChange?: ChangeHandler;
+    vertical?: boolean;
+    label?: string;
+    type?: 'text' | 'icon';
+    size?: 'small' | 'medium';
+}
+declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/build/components/Input/Search.d.ts

@@ -1,13 +1,13 @@
-import React, { ChangeEventHandler } from 'react';
-import { IInputProps } from './Input';
-import { ChangeHandler } from 'react-hook-form';
-interface ISearchProps extends IInputProps {
-    onClear?: () => void;
-    onSearch?: (value: string) => void;
-    resetOnSearch?: boolean;
-    setValue?: any;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    formOnChange?: ChangeHandler;
-}
-declare const Search: React.ForwardRefExoticComponent<ISearchProps & React.RefAttributes<HTMLInputElement>>;
-export default Search;
+import React, { ChangeEventHandler } from 'react';
+import { IInputProps } from './Input';
+import { ChangeHandler } from 'react-hook-form';
+interface ISearchProps extends IInputProps {
+    onClear?: () => void;
+    onSearch?: (value: string) => void;
+    resetOnSearch?: boolean;
+    setValue?: any;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    formOnChange?: ChangeHandler;
+}
+declare const Search: React.ForwardRefExoticComponent<ISearchProps & React.RefAttributes<HTMLInputElement>>;
+export default Search;

package/build/components/Input/Select.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-import { ChangeHandler } from 'react-hook-form';
-import { ErrorStyle, ErrorType } from './data';
-type OptionItem = {
-    label?: React.ReactNode;
-    searchLabel?: string;
-    value?: any;
-    type?: string;
-    children?: OptionItem[];
-    disabled?: boolean;
-};
-export interface ISelectProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'onChange' | 'size'> {
-    description?: React.ReactNode;
-    error?: string | ErrorType;
-    errorStyle?: ErrorStyle;
-    prefix?: React.ReactElement;
-    suffix?: React.ReactElement;
-    setValue?: any;
-    onChange?: (value: any) => void;
-    onChangeVisible?: (isShow: boolean) => void;
-    options?: OptionItem[];
-    optionSize?: 'small' | 'default' | 'medium' | 'large';
-    size?: 'small' | 'medium';
-    search?: boolean;
-    listHeight?: number;
-    listWidth?: number;
-    searchPlaceholder?: string;
-    areaStyle?: Record<string, any>;
-    disableChangeEvent?: boolean;
-    customActive?: boolean;
-    customValue?: React.ReactNode;
-    fixedOptionWidth?: boolean;
-    formOnChange?: ChangeHandler;
-}
-export type SelectRef = {
-    handleOnChange: (value: any) => void;
-    handleClearOption: () => void;
-} | null;
-declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<SelectRef>>;
-export default Select;
+import React from 'react';
+import { ChangeHandler } from 'react-hook-form';
+import { ErrorStyle, ErrorType } from './data';
+type OptionItem = {
+    label?: React.ReactNode;
+    searchLabel?: string;
+    value?: any;
+    type?: string;
+    children?: OptionItem[];
+    disabled?: boolean;
+};
+export interface ISelectProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'onChange' | 'size'> {
+    description?: React.ReactNode;
+    error?: string | ErrorType;
+    errorStyle?: ErrorStyle;
+    prefix?: React.ReactElement;
+    suffix?: React.ReactElement;
+    setValue?: any;
+    onChange?: (value: any) => void;
+    onChangeVisible?: (isShow: boolean) => void;
+    options?: OptionItem[];
+    optionSize?: 'small' | 'default' | 'medium' | 'large';
+    size?: 'small' | 'medium';
+    search?: boolean;
+    listHeight?: number;
+    listWidth?: number;
+    searchPlaceholder?: string;
+    areaStyle?: Record<string, any>;
+    disableChangeEvent?: boolean;
+    customActive?: boolean;
+    customValue?: React.ReactNode;
+    fixedOptionWidth?: boolean;
+    formOnChange?: ChangeHandler;
+}
+export type SelectRef = {
+    handleOnChange: (value: any) => void;
+    handleClearOption: () => void;
+} | null;
+declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<SelectRef>>;
+export default Select;

package/build/components/Input/TextArea.d.ts

@@ -1,15 +1,18 @@
-import React from 'react';
-import { ErrorStyle, ErrorType } from './data';
-interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
-    error?: string | ErrorType;
-    errorStyle?: ErrorStyle;
-    prefix?: React.ReactElement;
-    suffix?: React.ReactElement;
-    selectDisabled?: boolean;
-    setValue?: any;
-    rows: number;
-    description?: React.ReactNode;
-    areaStyle?: Record<string, any>;
-}
-declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+import React from 'react';
+import { ChangeHandler } from 'react-hook-form';
+import { ErrorStyle, ErrorType } from './data';
+interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
+    error?: string | ErrorType;
+    errorStyle?: ErrorStyle;
+    prefix?: React.ReactElement;
+    suffix?: React.ReactElement;
+    selectDisabled?: boolean;
+    setValue?: any;
+    rows: number;
+    description?: React.ReactNode;
+    areaStyle?: Record<string, any>;
+    size?: 'small' | 'medium';
+    formOnChange?: ChangeHandler;
+}
+declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/build/components/Input/index.d.ts

@@ -1,19 +1,19 @@
-import InputBase from './Input';
-import InputNumber from './InputNumber';
-import Search from './Search';
-import Select from './Select';
-import Checkbox from './Checkbox';
-import Radio from './Radio';
-import TextArea from './TextArea';
-type InputType = typeof InputBase;
-interface InputInterface extends InputType {
-    Checkbox: typeof Checkbox;
-    Number: typeof InputNumber;
-    Radio: typeof Radio;
-    Search: typeof Search;
-    Select: typeof Select;
-    TextArea: typeof TextArea;
-}
-declare const Input: InputInterface;
-export default Input;
-export { Checkbox, Input, InputNumber, Radio, Search, Select, TextArea };
+import InputBase from './Input';
+import InputNumber from './InputNumber';
+import Search from './Search';
+import Select from './Select';
+import Checkbox from './Checkbox';
+import Radio from './Radio';
+import TextArea from './TextArea';
+type InputType = typeof InputBase;
+interface InputInterface extends InputType {
+    Checkbox: typeof Checkbox;
+    Number: typeof InputNumber;
+    Radio: typeof Radio;
+    Search: typeof Search;
+    Select: typeof Select;
+    TextArea: typeof TextArea;
+}
+declare const Input: InputInterface;
+export default Input;
+export { Checkbox, Input, InputNumber, Radio, Search, Select, TextArea };

package/build/components/Input/styled.d.ts

@@ -1,25 +1,28 @@
-declare const InputBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    error: boolean;
-    suffixWidth: number;
-    prefixWidth: number;
-    disabled?: boolean | undefined;
-    size?: "small" | "medium" | undefined;
-}, never>;
-declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    suffixWidth: number;
-}, never>;
-declare const SuffixArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const SelectArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    disabled?: boolean | undefined;
-}, never>;
-declare const ItemArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    type: string;
-    vertical?: boolean | undefined;
-}, never>;
-declare const SearchArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    listHeight?: number | undefined;
-}, never>;
-declare const OptionItemsBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isDropdownButton?: boolean | undefined;
-}, never>;
-export { InputBox, ErrorMessage, SuffixArea, SelectArea, ItemArea, SearchArea, OptionItemsBox, };
+declare const ItemArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type: string;
+    vertical?: boolean | undefined;
+    indeterminate?: boolean | undefined;
+    size?: "small" | "medium" | undefined;
+}, never>;
+declare const InputBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    error: boolean;
+    suffixWidth: number;
+    prefixWidth: number;
+    disabled?: boolean | undefined;
+    size?: "small" | "medium" | undefined;
+}, never>;
+declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    suffixWidth: number;
+}, never>;
+declare const SuffixArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const SelectArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+declare const SearchArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    listHeight?: number | undefined;
+}, never>;
+declare const OptionItemsBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isDropdownButton?: boolean | undefined;
+}, never>;
+declare const SuffixBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export { InputBox, ErrorMessage, SuffixArea, SelectArea, ItemArea, SearchArea, OptionItemsBox, SuffixBox, };

package/build/components/IntlText/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-interface IIntlTextProps {
-}
-declare const IntlText: React.FC<IIntlTextProps>;
-export default IntlText;
+import React from 'react';
+interface IIntlTextProps {
+}
+declare const IntlText: React.FC<IIntlTextProps>;
+export default IntlText;

package/build/components/Loading/OverlayLoading.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
-export interface IOverlayLoadingProps {
-    isLoading?: ReactNode | boolean | {
-        title?: string;
-        message: string;
-    };
-    onClick?: () => void;
-}
-declare const OverlayLoading: React.FC<IOverlayLoadingProps>;
-export default OverlayLoading;
+import React, { ReactNode } from 'react';
+export interface IOverlayLoadingProps {
+    isLoading?: ReactNode | boolean | {
+        title?: string;
+        message: string;
+    };
+    onClick?: () => void;
+}
+declare const OverlayLoading: React.FC<IOverlayLoadingProps>;
+export default OverlayLoading;

package/build/components/Loading/Spinner.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-interface ISpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
-    type?: 'A' | 'B' | 'C';
-    width?: number | 'large' | 'medium' | 'small';
-    weight?: number;
-    color?: string;
-}
-declare const Spinner: React.FC<ISpinnerProps>;
-export default Spinner;
+import React from 'react';
+interface ISpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    type?: 'A' | 'B' | 'C';
+    width?: number | 'large' | 'medium' | 'small';
+    weight?: number;
+    color?: string;
+}
+declare const Spinner: React.FC<ISpinnerProps>;
+export default Spinner;