'use client'; import * as React from 'react'; import { motion, type Variants } from 'motion/react'; import { getVariants, useAnimateIconContext, IconWrapper, type IconProps, } from '@/components/odyssey/icons/icon'; type AudioLinesProps = IconProps; const animations = { default: { line1: { initial: { y1: 10, y2: 13, }, animate: { y1: [10, 5, 8, 6, 10], y2: [13, 18, 15, 17, 13], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, line2: { initial: { y1: 6, y2: 17, }, animate: { y1: [6, 2, 10, 6], y2: [17, 22, 13, 17], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, line3: { initial: { y1: 3, y2: 21, }, animate: { y1: [3, 6, 3, 8, 3], y2: [21, 17, 21, 15, 21], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, line4: { initial: { y1: 8, y2: 15, }, animate: { y1: [8, 4, 7, 2, 8], y2: [15, 19, 16, 22, 15], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, line5: { initial: { y1: 5, y2: 18, }, animate: { y1: [5, 10, 4, 8, 5], y2: [18, 13, 19, 15, 18], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, line6: { initial: { y1: 10, y2: 13, }, animate: { y1: [10, 8, 5, 10], y2: [13, 15, 18, 13], transition: { duration: 1.5, ease: 'linear', repeat: Infinity, }, }, }, } satisfies Record, } as const; function IconComponent({ size, ...props }: AudioLinesProps) { const { controls } = useAnimateIconContext(); const variants = getVariants(animations); return ( ); } function AudioLines(props: AudioLinesProps) { return ; } export { animations, AudioLines, AudioLines as AudioLinesIcon, type AudioLinesProps, type AudioLinesProps as AudioLinesIconProps, };