import React from 'react'
import { Octicon } from '../octicons'
import * as OcticonSymbol from '../octicons/octicons.generated'
import { LinkButton } from '../lib/link-button'

export class HiddenBidiCharsWarning extends React.Component {
  public render() {
    return (
      <div className="hidden-bidi-chars-warning">
        <Octicon symbol={OcticonSymbol.alert} />
        This file contains bidirectional Unicode text that may be interpreted or
        compiled differently than what appears below. To review, open the file
        in an editor that reveals hidden Unicode characters.{' '}
        <LinkButton uri="https://github.co/hiddenchars">
          Learn more about bidirectional Unicode characters
        </LinkButton>
      </div>
    )
  }
}

import React from 'react'
import { Octicon } from '../octicons'
import * as OcticonSymbol from '../octicons/octicons.generated'
import { LinkButton } from '../lib/link-button'

export class HiddenBidiCharsWarning extends React.Component {
  public render() {
    return (
      <div className="hidden-bidi-chars-warning">
        <Octicon symbol={OcticonSymbol.alert} />
        This diff contains bidirectional Unicode text that may be interpreted or
        compiled differently than what appears below. To review, open the file
        in an editor that reveals hidden Unicode characters.{' '}
        <LinkButton uri="https://github.co/hiddenchars">
          Learn more about bidirectional Unicode characters
        </LinkButton>
      </div>
    )
  }
}

Make the bidi chars warning diff specific
Make the bidi chars warning diff specific

Co-Authored-By: tidy-dev <1461e01e04d43338bd0e74c1f0f8ac6b8d625527@users.noreply.github.com>
