import PreviewLogsPaneEntry from '../js/features/preview/components/preview-logs-pane-entry.js' import Icon from '../js/shared/components/icon.js' export const EntryWithCompilerOutput = args => ( ) EntryWithCompilerOutput.args = { title: 'PreviewLogsPaneEntry/bar/baz', level: 'error', } export const EntryWithCompilerOutputAndHumanReadableHint = args => ( ) EntryWithCompilerOutputAndHumanReadableHint.args = { level: 'error', formattedContent: , extraInfoURL: 'https://www.overleaf.com/learn/latex/Errors/Extra_alignment_tab_has_been_changed_to_%5Ccr', } export const EntryWithoutCompilerOutput = args => ( ) EntryWithoutCompilerOutput.args = { level: 'error', rawContent: null, } export const EntryWithoutSourceLocationLink = args => ( ) EntryWithoutSourceLocationLink.args = { level: 'error', showSourceLocationLink: false, } export const EntryWithLevelError = args => EntryWithLevelError.args = { level: 'error', } export const EntryWithLevelWarning = args => EntryWithLevelWarning.args = { level: 'warning', } export const EntryWithLevelTypesetting = args => ( ) EntryWithLevelTypesetting.args = { level: 'typesetting', } export const EntryWithLevelRaw = args => EntryWithLevelRaw.args = { level: 'raw', } export const EntryWithLevelSuccess = args => EntryWithLevelSuccess.args = { level: 'success', } export const EntryWithButtonToClose = args => EntryWithButtonToClose.args = { level: 'error', showCloseButton: true, onClose: () => window.alert('You clicked "Ă—"'), } export const EntryWithIcon = args => EntryWithIcon.args = { level: 'error', headerIcon: , } export const EntryWithBetaIcon = args => EntryWithBetaIcon.args = { level: 'typesetting', headerIcon: , } function SampleHumanReadableHintComponent() { return ( <> Human-readable hint to help LaTeX newbies. Supports mark-up for e.g.{' '} inline links . ) } export default { title: 'Preview Logs / Entry', component: PreviewLogsPaneEntry, args: { sourceLocation: { file: 'foo/bar.tex', line: 10, column: 20, }, headerTitle: 'Entry title', rawContent: ` The LaTeX compiler output * With a lot of details Wrapped in an HTML
 element with
      preformatted text which is to be presented exactly
            as written in the HTML file

                                              (whitespace included™)

The text is typically rendered using a non-proportional ("monospace") font.

LaTeX Font Info:    External font \`cmex10' loaded for size
(Font)              <7> on input line 18.
LaTeX Font Info:    External font \`cmex10' loaded for size
(Font)              <5> on input line 18.
! Undefined control sequence.
 \\Zlpha

 main.tex, line 23

`,
  },
}