{"version":3,"file":"ResizeableBookButton-BW3Z2mWC.js","sources":["../../../app/javascript/features/BookButton/components/ResizeableBookButton/ResizeableBookButton.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useIsScreenSizeBiggerThanTailwindSize } from \"hooks/useIsScreenSizeBiggerThanTailwindSize\";\nimport BookButton, {\n  Props,\n  BookButtonSizeType,\n} from \"../BookButton/BookButton\";\n\ninterface ResizeableBookButtonProps extends Props {\n  sizeSm: BookButtonSizeType;\n  sizeLg: BookButtonSizeType;\n}\n\nexport default function ResizeableBookButton({\n  bookId,\n  referrerUserId,\n  size = \"md\",\n  placement,\n  onClick,\n  sizeLg,\n  sizeSm,\n}: ResizeableBookButtonProps) {\n  const [buttonSize, setButtonSize] = useState<BookButtonSizeType>(size);\n  const isLarge = useIsScreenSizeBiggerThanTailwindSize(\"lg\");\n\n  useEffect(() => {\n    if (isLarge === null) {\n      setButtonSize(size);\n    } else {\n      setButtonSize(isLarge ? sizeLg : sizeSm);\n    }\n  }, [isLarge]);\n\n  return (\n    <BookButton\n      bookId={bookId}\n      placement={placement}\n      referrerUserId={referrerUserId}\n      size={buttonSize}\n      onClick={onClick}\n    />\n  );\n}\n"],"names":["ResizeableBookButton","bookId","referrerUserId","size","placement","onClick","sizeLg","sizeSm","buttonSize","setButtonSize","useState","isLarge","useIsScreenSizeBiggerThanTailwindSize","useEffect","jsx","BookButton"],"mappings":"sIAYA,SAAwBA,EAAqB,CAC3C,OAAAC,EACA,eAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,OAAAC,CACF,EAA8B,CAC5B,KAAM,CAACC,EAAYC,CAAa,EAAIC,WAA6BP,CAAI,EAC/DQ,EAAUC,EAAsC,IAAI,EAE1DC,OAAAA,EAAAA,UAAU,IAAM,CAEZJ,EADEE,IAAY,KACAR,EAEAQ,EAAUL,EAASC,CAFf,CAGpB,EACC,CAACI,CAAO,CAAC,EAGVG,EAAA,IAACC,EAAA,CACC,OAAAd,EACA,UAAAG,EACA,eAAAF,EACA,KAAMM,EACN,QAAAH,CAAA,CAAA,CAGN"}