23 lines
681 B
TypeScript
23 lines
681 B
TypeScript
|
import React from 'react';
|
||
|
|
import Spinner from '@/components/elements/Spinner';
|
||
|
|
import { CSSTransition } from 'react-transition-group';
|
||
|
|
|
||
|
|
const InputSpinner = ({ visible, children }: { visible: boolean, children: React.ReactNode }) => (
|
||
|
|
<div className={'relative'}>
|
||
|
|
<CSSTransition
|
||
|
|
timeout={250}
|
||
|
|
in={visible}
|
||
|
|
unmountOnExit={true}
|
||
|
|
appear={true}
|
||
|
|
classNames={'fade'}
|
||
|
|
>
|
||
|
|
<div className={'absolute pin-r h-full flex items-center justify-end pr-3'}>
|
||
|
|
<Spinner size={'tiny'}/>
|
||
|
|
</div>
|
||
|
|
</CSSTransition>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default InputSpinner;
|