{"version":3,"sources":["../src/components/SwatchPicker/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { ColorSwatchProps } from './ColorSwatch.types';\nimport { useColorSwatch } from './useColorSwatch';\nimport { renderColorSwatch } from './renderColorSwatch';\n\nexport const ColorSwatch: ForwardRefComponent<ColorSwatchProps> = React.forwardRef((props, ref) => {\n  const state = useColorSwatch(props, ref);\n  return renderColorSwatch(state);\n});\n\nColorSwatch.displayName = 'ColorSwatch';\n"],"names":["ColorSwatch","React","forwardRef","props","ref","state","useColorSwatch","renderColorSwatch","displayName"],"mappings":"AAAA;;;;;+BAQaA;;;eAAAA;;;;iEANU;gCAGQ;mCACG;AAE3B,MAAMA,4BAAqDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQC,IAAAA,8BAAc,EAACH,OAAOC;IACpC,OAAOG,IAAAA,oCAAiB,EAACF;AAC3B;AAEAL,YAAYQ,WAAW,GAAG"}