Matching Panel Illustration

1'use client'
2 
3import { useReducedMotion } from 'motion/react'
4 
5import { MatchingPanelContent, StandalonePanelFrame } from './_expense-workflow-parts'
6 
7type MatchingPanelIllustrationProps = {
8  className?: string
9}
10 
11export function MatchingPanelIllustration({ className }: MatchingPanelIllustrationProps) {
12  const shouldReduceMotion = Boolean(useReducedMotion())
13 
14  return (
15    <StandalonePanelFrame title="Matching..." stage="policy" className={className}>
16      <MatchingPanelContent isActive={true} shouldReduceMotion={shouldReduceMotion} />
17    </StandalonePanelFrame>
18  )
19}
20 
21export default MatchingPanelIllustration