{"version":3,"sources":["../src/components/Toolbar/ToolbarDivider/ToolbarDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { ToolbarDividerProps } from './ToolbarDivider.types';\nimport { useToolbarDivider } from './useToolbarDivider';\nimport { renderToolbarDivider } from './renderToolbarDivider';\n\n/**\n * A divider component designed to be used inside a Toolbar to visually separate groups of controls.\n * Its orientation is automatically inverted relative to the toolbar's orientation.\n */\nexport const ToolbarDivider: ForwardRefComponent<ToolbarDividerProps> = React.forwardRef((props, ref) => {\n  const state = useToolbarDivider(props, ref);\n\n  return renderToolbarDivider(state);\n});\n\nToolbarDivider.displayName = 'ToolbarDivider';\n"],"names":["ToolbarDivider","React","forwardRef","props","ref","state","useToolbarDivider","renderToolbarDivider","displayName"],"mappings":"AAAA;;;;;+BAYaA;;;eAAAA;;;;iEAVU;mCAGW;sCACG;AAM9B,MAAMA,+BAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,oCAAiB,EAACH,OAAOC;IAEvC,OAAOG,IAAAA,0CAAoB,EAACF;AAC9B;AAEAL,eAAeQ,WAAW,GAAG"}