{"version":3,"sources":["webpack:///./src/pages/components/InlineNotification.mdx"],"names":["_frontmatter","makeShortcode","name","props","console","warn","PageDescription","Title","InlineNotification","layoutProps","MDXLayout","DefaultLayout","MDXContent","components","mdxType","parentName","kind","isMDXComponent"],"mappings":"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","file":"component---src-pages-components-inline-notification-mdx-b14ae9f8a6b2d9433bfb.js","sourcesContent":["import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\n\nimport DefaultLayout from \"/bin/staticsites/ss-oryx/app-int/node_modules/gatsby-theme-carbon/src/templates/Default.js\";\nexport const _frontmatter = {};\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return <div {...props} />;\n};\n\nconst PageDescription = makeShortcode(\"PageDescription\");\nconst Title = makeShortcode(\"Title\");\nconst InlineNotification = makeShortcode(\"InlineNotification\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = DefaultLayout;\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n    <PageDescription mdxType=\"PageDescription\">\n      <p>{`The `}<inlineCode parentName=\"p\">{`<InlineNotification>`}</inlineCode>{` component is used to communicate important information to a user.`}</p>\n    </PageDescription>\n    <h2>{`Example`}</h2>\n    <Title mdxType=\"Title\">Info</Title>\n    <InlineNotification mdxType=\"InlineNotification\">\n      <p><strong parentName=\"p\">{`Lorem ipsum:`}</strong>{` dolor sit amet, `}<a parentName=\"p\" {...{\n          \"href\": \"/components/InlineNotification\"\n        }}>{`consectetur adipiscing`}</a>{` elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.`}</p>\n    </InlineNotification>\n    <Title mdxType=\"Title\">Error</Title>\n    <InlineNotification kind=\"error\" mdxType=\"InlineNotification\">\n      <p><strong parentName=\"p\">{`Error:`}</strong>{` dolor sit amet, `}<a parentName=\"p\" {...{\n          \"href\": \"/components/InlineNotification\"\n        }}>{`consectetur adipiscing`}</a>{` elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.`}</p>\n    </InlineNotification>\n    <Title mdxType=\"Title\">Success</Title>\n    <InlineNotification kind=\"success\" mdxType=\"InlineNotification\">\n      <p><strong parentName=\"p\">{`Success:`}</strong>{` dolor sit amet, `}<a parentName=\"p\" {...{\n          \"href\": \"/components/InlineNotification\"\n        }}>{`consectetur adipiscing`}</a>{` elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.`}</p>\n    </InlineNotification>\n    <Title mdxType=\"Title\">Warning</Title>\n    <InlineNotification kind=\"warning\" mdxType=\"InlineNotification\">\n      <p><strong parentName=\"p\">{`Warning:`}</strong>{` dolor sit amet, `}<a parentName=\"p\" {...{\n          \"href\": \"/components/InlineNotification\"\n        }}>{`consectetur adipiscing`}</a>{` elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.`}</p>\n    </InlineNotification>\n    <h2>{`Code`}</h2>\n    <pre><code parentName=\"pre\" {...{\n        \"className\": \"language-jsx\",\n        \"metastring\": \"path=components/InlineNotification/InlineNotification.js src=https://github.com/carbon-design-system/gatsby-theme-carbon/tree/master/packages/gatsby-theme-carbon/src/components/InlineNotification\",\n        \"path\": \"components/InlineNotification/InlineNotification.js\",\n        \"src\": \"https://github.com/carbon-design-system/gatsby-theme-carbon/tree/master/packages/gatsby-theme-carbon/src/components/InlineNotification\"\n      }}>{`// Info\n<InlineNotification>\n\n**Lorem ipsum:** dolor sit amet, [consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.\n\n</InlineNotification>\n\n// Error\n<InlineNotification kind=\"error\">\n\n**Error:** dolor sit amet, [consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.\n\n</InlineNotification>\n\n// Success\n<InlineNotification kind=\"success\">\n\n**Success:** dolor sit amet, [consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.\n\n</InlineNotification>\n\n// Warning\n<InlineNotification kind=\"warning\">\n\n**Warning:** dolor sit amet, [consectetur adipiscing](/components/InlineNotification) elit. Curabitur ac odio arcu. Vestibulum egestas eleifend porttitor. Quisque malesuada pulvinar pellentesque. Nunc dictum odio eu enim venenatis fringilla. Nunc finibus enim dui, a tempus quam commodo vitae. Donec non eros gravida dolor porta suscipit non vel quam.\n\n</InlineNotification>\n`}</code></pre>\n    <h3>{`Props`}</h3>\n    <table>\n      <thead parentName=\"table\">\n        <tr parentName=\"thead\">\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`property`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`propType`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`required`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`default`}</th>\n          <th parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`description`}</th>\n        </tr>\n      </thead>\n      <tbody parentName=\"table\">\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`children`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`node`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`Pass in the children that will be rendered within the notification`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`className`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}></td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`Specify an optional className to be applied to the container node`}</td>\n        </tr>\n        <tr parentName=\"tbody\">\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`kind`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`string`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}>{`yes`}</td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><inlineCode parentName=\"td\">{`info`}</inlineCode></td>\n          <td parentName=\"tr\" {...{\n            \"align\": null\n          }}><inlineCode parentName=\"td\">{`error`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`info`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`success`}</inlineCode>{`, `}<inlineCode parentName=\"td\">{`warning`}</inlineCode></td>\n        </tr>\n      </tbody>\n    </table>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      "],"sourceRoot":""}