import * as React from 'react'; import Hitu from '@ant-design/hitu'; import { 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 ; }