prompt: Your task is to convert an English description into an ASCII tree format using this style:
  ```
  tests
   +--client_certs
   |   `--password_protected
   +--fixtures
   |   +--session_data
   |   |   +--new
   |   |   `--old
   |   `--xmldata
   |       +--invalid
   |       +--valid
   |       `--xhtml
   `--utils
       `--matching
  ```
  
  Convert this description:
  
  sub-canvas is a root directory that organizes 2 subdirectories: components and hooks.
  At the top level, 'components' groups 4 subdirectories that organize the source code.
  Within directory hierarchy 'components / background', Inside 'background', you'll find it appears to be unused.
  In nested path 'components / border', Inside 'border', you'll find it is blank.
  At level 2, in directory path 'components → render', 'render' has been left empty.
  In nested path 'components → tips', Inside 'tips', you'll find it has no folders inside.
  Back to the top level.
  At the main level, 'hooks' is an empty container.
  
  
  Provide your answer wrapped in <ascii_formatted> tags.
verification_info: {"ground_truth": "sub-canvas\n +--components\n |   +--background\n |   +--border\n |   +--render\n |   `--tips\n `--hooks", "description": "sub-canvas is a root directory that organizes 2 subdirectories: components and hooks.\nAt the top level, 'components' groups 4 subdirectories that organize the source code.\nWithin directory hierarchy 'components / background', Inside 'background', you'll find it appears to be unused.\nIn nested path 'components / border', Inside 'border', you'll find it is blank.\nAt level 2, in directory path 'components \u2192 render', 'render' has been left empty.\nIn nested path 'components \u2192 tips', Inside 'tips', you'll find it has no folders inside.\nBack to the top level.\nAt the main level, 'hooks' is an empty container.\n"}