import React, { StatelessComponent } from 'react';
import { wrappable } from 'wdk-client/Utils/ComponentUtils';

type Props = {
  scope: string;
}

let ReporterSortMessage: StatelessComponent<Props> = props =>
    (props.scope === "record" ? <noscript/> :
      <div style={{margin: '0.3em 0 0 0'}}>
        <i>Note: IDs will automatically be included in the report and the report will be sorted by ID.</i>
      </div>
    );

export default wrappable(ReporterSortMessage);