{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBACpD,KAAsC,EACtC,GAA2B;IAE3B,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAC1C,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;IAE1C,IAAI,QAAQ;QACV,SAAS;YAAC,kBAAkB;QAAgB;QAC5C,SAAS;YAAC,kBAAkB;QAAgB;IAC9C;IAEA,qBACE,0DAAC,CAAA,GAAA,8BAAG;QACD,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC9B,cAAc,WAAW,KAAK;QAC9B,UAAU,WAAW,MAAM;QAC3B,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,+BAA+B,WAAW,SAAS;QACxF,KAAK;qBACL,0DAAC,CAAA,GAAA,oCAAS,uBACR,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAAQ;AAIrC","sources":["packages/@adobe/react-spectrum/src/illustratedmessage/IllustratedMessage.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames} from '../utils/classNames';\n\nimport {ClearSlots, SlotProvider, useSlotProps} from '../utils/Slots';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Flex} from '../layout/Flex';\nimport React, {forwardRef, ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/illustratedmessage/vars.css';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumIllustratedMessageProps extends DOMProps, StyleProps {\n  /** The contents of the IllustratedMessage. */\n  children: ReactNode;\n}\n\n/**\n * An IllustratedMessage displays an illustration and a message, usually\n * for an empty state or an error page.\n */\nexport const IllustratedMessage = forwardRef(function IllustratedMessage(\n  props: SpectrumIllustratedMessageProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  props = useSlotProps(props, 'illustration');\n  let {children, ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let headingClassName = classNames(styles, 'spectrum-IllustratedMessage-heading');\n  let contentClassName = classNames(styles, 'spectrum-IllustratedMessage-description');\n\n  let slots = {\n    heading: {UNSAFE_className: headingClassName},\n    content: {UNSAFE_className: contentClassName}\n  };\n\n  return (\n    <Flex\n      {...filterDOMProps(otherProps)}\n      UNSAFE_style={styleProps.style}\n      isHidden={styleProps.hidden}\n      UNSAFE_className={classNames(styles, 'spectrum-IllustratedMessage', styleProps.className)}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.cjs.map"}