33 lines
791 B
TypeScript
33 lines
791 B
TypeScript
import airplane from '@/lottie/airplane.json';
|
|
import ballon from '@/lottie/ballon.json';
|
|
import noData from '@/lottie/no-data.json';
|
|
import { cn } from '@/utils/cn';
|
|
import type { LottieComponentProps } from 'lottie-react';
|
|
import Lottie from 'lottie-react';
|
|
|
|
const animations = {
|
|
airplane,
|
|
ballon,
|
|
noData,
|
|
};
|
|
type Animations = keyof typeof animations;
|
|
|
|
export const ChartAnimation = ({
|
|
name,
|
|
...props
|
|
}: Omit<LottieComponentProps, 'animationData'> & {
|
|
name: Animations;
|
|
}) => <Lottie animationData={animations[name]} loop={true} {...props} />;
|
|
|
|
export const ChartAnimationContainer = (
|
|
props: React.ButtonHTMLAttributes<HTMLDivElement>
|
|
) => (
|
|
<div
|
|
{...props}
|
|
className={cn(
|
|
'border border-border rounded-md p-8 bg-white',
|
|
props.className
|
|
)}
|
|
/>
|
|
);
|