{"version":3,"sources":["../src/components/Toolbar/ToolbarButton/ToolbarButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { ToolbarButtonProps } from './ToolbarButton.types';\nimport { useToolbarButton } from './useToolbarButton';\nimport { renderToolbarButton } from './renderToolbarButton';\n\n/**\n * A button component designed to be used inside a Toolbar, inheriting toolbar context such as size.\n */\nexport const ToolbarButton: ForwardRefComponent<ToolbarButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarButton(props, ref);\n\n  return renderToolbarButton(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarButtonProps>;\n\nToolbarButton.displayName = 'ToolbarButton';\n"],"names":["ToolbarButton","React","forwardRef","props","ref","state","useToolbarButton","renderToolbarButton","displayName"],"mappings":"AAAA;;;;;+BAWaA;;;eAAAA;;;;iEATU;kCAGU;qCACG;AAK7B,MAAMA,8BAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,kCAAgB,EAACH,OAAOC;IAEtC,OAAOG,IAAAA,wCAAmB,EAACF;AAC3B,0FAA0F;AAC5F;AAEAL,cAAcQ,WAAW,GAAG"}