{"version":3,"file":"TableReel.cjs","sources":["../../../src/components/Table/TableReel.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentPropsWithRef, type FC, type PropsWithChildren, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { reelShadowClassNameGenerator } from './reelShadowStyle'\nimport { useReelCells } from './useReelCells'\n\ntype Props = PropsWithChildren &\n  Omit<ComponentPropsWithRef<'div'>, keyof PropsWithChildren> & {\n    tableWrapperRef: React.RefObject<HTMLDivElement>\n  }\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: ['smarthr-ui-TableReel', 'shr-relative'],\n    inner: ['smarthr-ui-TableReel-inner', 'shr-relative'],\n  },\n})\n\nexport const TableReel: FC<Props> = ({ className, children, tableWrapperRef, ...rest }) => {\n  const { showShadow } = useReelCells(children, tableWrapperRef)\n\n  const classNames = useMemo(() => {\n    const { wrapper, inner } = classNameGenerator()\n\n    return {\n      wrapper: reelShadowClassNameGenerator({ showShadow, className: wrapper({ className }) }),\n      inner: inner(),\n    }\n  }, [className, showShadow])\n\n  return (\n    <div className={classNames.wrapper}>\n      <div {...rest} className={classNames.inner}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;AAaA;AACE;AACE;AACA;AACD;AACF;AAEM;;AAGL;;;AAII;;;AAGJ;;AASF;;"}