import * as React from 'react';
import Hitu from '@ant-design/hitu';
import type { Shape } from '@ant-design/hitu/lib/interface';
import InteractiveIcon from './InteractiveIcon';
function Heart() {
return (
);
}
Heart.width = 26;
Heart.height = 24;
function Circle() {
return ;
}
Circle.width = 72;
Circle.height = 72;
const center = { x: 60, y: 60 };
const shapes: Shape[] = [
{
type: 'shape',
source: Circle,
frames: [
{
frame: 0,
scaleX: 1.3,
scaleY: 1.3,
opacity: 0.4,
...center,
},
{
frame: 20,
scaleX: 1.5,
scaleY: 1.5,
opacity: 0,
},
{
frame: 21,
scaleX: 1,
scaleY: 1,
opacity: 0,
},
{
frame: 40,
scaleX: 1.3,
scaleY: 1.3,
opacity: 0.4,
},
],
},
{
type: 'shape',
source: Circle,
frames: [
{
frame: 0,
scaleX: 1,
scaleY: 1,
...center,
},
],
},
{
type: 'shape',
source: Heart,
frames: [
{
frame: 0,
...center,
cubic: Hitu.CUBIC_EASE,
},
],
},
];
export default function Meaningful() {
return ;
}