@grafana/ui/dist/esm/components/InfoBox/InfoBox.mjs

Grafana Components Library

import { jsxs, jsx } from 'react/jsx-runtime';
import { css, cx } from '@emotion/css';
import * as React from 'react';
import { useStyles2 } from '../../themes/ThemeContext.mjs';
import { Alert } from '../Alert/Alert.mjs';
import { Icon } from '../Icon/Icon.mjs';

"use strict";
const InfoBox = React.memo(
  React.forwardRef(
    ({ title, className, children, branded, url, urlTitle, onDismiss, severity = "info", ...otherProps }, ref) => {
      const styles = useStyles2(getStyles);
      return (
        // component is deprecated so no point fixing this
        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
        /* @__PURE__ */ jsxs(Alert, { severity, className, ...otherProps, ref, title, children: [
          /* @__PURE__ */ jsx("div", { children }),
          url && /* @__PURE__ */ jsxs("a", { href: url, className: cx("external-link", styles.docsLink), target: "_blank", rel: "noreferrer", children: [
            /* @__PURE__ */ jsx(Icon, { name: "book" }),
            " ",
            urlTitle || "Read more"
          ] })
        ] })
      );
    }
  )
);
InfoBox.displayName = "InfoBox";
const getStyles = (theme) => ({
  docsLink: css({
    display: "inline-block",
    marginTop: theme.spacing(2)
  })
});

export { InfoBox };
//# sourceMappingURL=InfoBox.mjs.map