{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAqBM,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAC1I,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IAEJ,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,EACzB,CAAA,GAAA,mDAAK,GACL,+BACA,WAAW,SAAS;QAEtB,KAAK;qBACL,0DAAC,CAAA,GAAA,oCAAS,uBACR,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAClB;AAKX","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(props: SpectrumIllustratedMessageProps, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'illustration');\n  let {\n    children,\n    ...otherProps\n  } = 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(\n        styles,\n        'spectrum-IllustratedMessage',\n        styleProps.className\n      )}\n      ref={ref}>\n      <ClearSlots>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n      </ClearSlots>\n    </Flex>\n  );\n});\n"],"names":[],"version":3,"file":"IllustratedMessage.cjs.map"}