28 lines
985 B
TypeScript
28 lines
985 B
TypeScript
'use client';
|
|
|
|
import * as React from 'react';
|
|
import { motion } from 'framer-motion';
|
|
import { IllustrationProps } from './types';
|
|
|
|
export const ConceptPrice: React.FC<IllustrationProps> = ({ className = "", delay = 0 }) => (
|
|
<svg className={className} viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="30" y="30" width="60" height="70" rx="2" stroke="currentColor" strokeWidth="1" className="text-slate-400" />
|
|
<motion.path
|
|
d="M 40 50 H 80 M 40 65 H 80 M 40 80 H 60"
|
|
stroke="currentColor"
|
|
strokeWidth="1"
|
|
className="text-slate-300"
|
|
initial={{ pathLength: 0 }}
|
|
animate={{ pathLength: [0, 1, 1, 0] }}
|
|
transition={{ duration: 5, repeat: Infinity, delay }}
|
|
/>
|
|
<motion.circle
|
|
cx="85" cy="35" r="15"
|
|
className="fill-white stroke-slate-900"
|
|
strokeWidth="1"
|
|
animate={{ y: [0, -5, 0], rotate: [0, 10, 0] }}
|
|
transition={{ duration: 4, repeat: Infinity }}
|
|
/>
|
|
</svg>
|
|
);
|