function NoteEditorSkeleton()

in src/NoteSkeleton.js [9:44]

• 36 lines of code
• 1 McCabe index (conditional complexity)

function NoteEditorSkeleton() {
  return (
    <div
      className="note-editor skeleton-container"
      role="progressbar"
      aria-busy="true">
      <div className="note-editor-form">
        <div className="skeleton v-stack" style={{height: '3rem'}} />
        <div className="skeleton v-stack" style={{height: '100%'}} />
      </div>
      <div className="note-editor-preview">
        <div className="note-editor-menu">
          <div
            className="skeleton skeleton--button"
            style={{width: '8em', height: '2.5em'}}
          />
          <div
            className="skeleton skeleton--button"
            style={{width: '8em', height: '2.5em', marginInline: '12px 0'}}
          />
        </div>
        <div
          className="note-title skeleton"
          style={{height: '3rem', width: '65%', marginInline: '12px 1em'}}
        />
        <div className="note-preview">
          <div className="skeleton v-stack" style={{height: '1.5em'}} />
          <div className="skeleton v-stack" style={{height: '1.5em'}} />
          <div className="skeleton v-stack" style={{height: '1.5em'}} />
          <div className="skeleton v-stack" style={{height: '1.5em'}} />
          <div className="skeleton v-stack" style={{height: '1.5em'}} />
        </div>
      </div>
    </div>
  );
}