{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/Mounted/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useIsMounted } from '../../hooks/useIsMounted';\n\ninterface MountedProps {\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n}\n\n/**\n * @description 컴포넌트가 마운트된 후에만 children을 렌더링하는 컴포넌트입니다.\n *\n * @param {MountedProps} props\n * @param {React.ReactNode} props.children - 마운트된 후 렌더링될 자식 컴포넌트\n * @param {React.ReactNode} props.fallback - 마운트되기 전에 표시될 대체 컴포넌트 (선택사항)\n * @returns {React.JSX.Element} 마운트 상태에 따라 children 또는 fallback을 렌더링\n *\n * @example\n * <Mounted fallback={<div>fallback component</div>}>\n *   <div>children component</div>\n * </Mounted>\n */\nexport const Mounted = ({ fallback, children }: MountedProps): React.JSX.Element => {\n  const isMounted = useIsMounted();\n\n  if (!isMounted) return <>{fallback}</>;\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAa,WAAW,EAAE,UAAU,eAAgD;CAGlF,IAAI,CAFc,cAEJ,EAAE,OAAO,oBAAA,YAAA,EAAA,UAAG,UAAY,CAAA;CACtC,OAAO,oBAAA,YAAA,EAAG,UAAY,CAAA"}