import React from 'react';
import { md, code, Example, Props, AtlassianInternalWarning } from '@atlaskit/docs';

const _default_1: any = md`
  ${(<AtlassianInternalWarning />)}

  \`\`\`NotificationIndicator\`\`\` is a React component that wraps an existing @atlaskit/badge component with
  additional functionalities:
  
  * Populate its own state by fetching data through the provided notification-log-client.
  * Sets up automatic refresh when \`\`\`refreshRate\`\`\` is specified.
  * Disables automatic refresh when tab is inactive, unless forced.

  ## Usage

  ${code`import { NotificationIndicator } from '@atlaskit/notification-indicator';`}

  ${(
		<Example
			Component={require('../examples/00-basic').default}
			title="Basic"
			source={require('!!raw-loader!../examples/00-basic')}
		/>
	)}

  ${(
		<Props
			heading="Props"
			props={require('!!extract-react-types-loader!../src/NotificationIndicator')}
		/>
	)}
`;
export default _default_1;