function main() {
  const active=$data.current.recording;
  return <CardContent title="记录状态">
    <VStack spacing={18}>
      <Transform scaleX={1} scaleY={1} animations={active?[
        {property:'scaleX',from:0.85,to:1.12,duration:1,repeat:'forever',autoreverse:true},
        {property:'scaleY',from:0.85,to:1.12,duration:1,repeat:'forever',autoreverse:true}
      ]:[]}>
        <Circle width={28} height={28} fill={active?$env.accent:($env.dark?'#FFFFFF44':'#12171C44')}/>
      </Transform>
      <Text fontSize={18} color={$env.foreground}>{active?'正在记录':'等待记录'}</Text>
    </VStack>
  </CardContent>;
}