{"version":3,"sources":["../src/components/Breadcrumb/BreadcrumbButton/useBreadcrumbButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useBreadcrumbButtonBase_unstable } from '@fluentui/react-breadcrumb';\n\nimport type { BreadcrumbButtonProps, BreadcrumbButtonState } from './BreadcrumbButton.types';\nimport { toDataAttributeValue } from '../../../utils';\n\n/**\n * Returns the state for a BreadcrumbButton component, given its props and ref.\n * The returned state can be modified with hooks before being passed to `renderBreadcrumbButton`.\n */\nexport const useBreadcrumbButton = (\n  props: BreadcrumbButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n  const state: BreadcrumbButtonState = useBreadcrumbButtonBase_unstable(props, ref);\n\n  // Set data attribute for current state to simplify styling of the active breadcrumb item.\n  // eslint-disable-next-line react-hooks/immutability\n  state.root['data-current'] = toDataAttributeValue(state.current);\n\n  return state;\n};\n"],"names":["useBreadcrumbButton","props","ref","state","useBreadcrumbButtonBase_unstable","root","toDataAttributeValue","current"],"mappings":"AAAA;;;;;+BAYaA;;;eAAAA;;;iCAToC;uBAGZ;AAM9B,MAAMA,sBAAsB,CACjCC,OACAC;IAEA,MAAMC,QAA+BC,IAAAA,iDAAgC,EAACH,OAAOC;IAE7E,0FAA0F;IAC1F,oDAAoD;IACpDC,MAAME,IAAI,CAAC,eAAe,GAAGC,IAAAA,2BAAoB,EAACH,MAAMI,OAAO;IAE/D,OAAOJ;AACT"}