name: Primitives
type: folder
children:


- name: div
  depPackage: html
  isSubImport: true
  icon: fas fa-square

- name: span
  depPackage: html
  isSubImport: true
  icon: fas fa-font
  defaultChildren: Sample text

- name: a
  label_en: Link
  depPackage: html
  isSubImport: true
  icon: fas fa-link
  defaultChildren: Link text

- name: p
  label_en: Paragraph
  depPackage: html
  isSubImport: true
  icon: fas fa-paragraph
  defaultChildren: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

- name: button
  label_en: Button
  depPackage: html
  isSubImport: true
  icon: far fa-circle
  defaultChildren: Button text

- name: input
  label_en: Input
  depPackage: html
  isSubImport: true
  icon: icon-text-input

- name: b
  hideInBrowser: true
  label_en: Bold Text
  depPackage: html
  isSubImport: true
  icon: fas fa-bold
  defaultChildren: Bold text

- name: u
  hideInBrowser: true
  label_en: Underlined Text
  depPackage: html
  isSubImport: true
  icon: fas fa-underline
  defaultChildren: Underlined text

- name: i
  hideInBrowser: true
  label_en: Italic Text
  depPackage: html
  isSubImport: true
  icon: fas fa-italic
  defaultChildren: Italic text

- name: Headings
  type: folder
  children:
  - name: h1
    label_en: Heading 1
    depPackage: html
    isSubImport: true
    icon: fas fa-heading
    defaultChildren: Heading
  - name: h2
    label_en: Heading 2
    depPackage: html
    isSubImport: true
    icon: fas fa-heading
    defaultChildren: Heading
  - name: h3
    label_en: Heading 3
    depPackage: html
    isSubImport: true
    icon: fas fa-heading
    defaultChildren: Heading
# - name: h4
#   label_en: Heading 4
#   depPackage: html
#   isSubImport: true
#   icon: fas fa-heading
# - name: h5
#   label_en: Heading 5
#   depPackage: html
#   isSubImport: true
#   icon: fas fa-heading
# - name: h6
#   label_en: Heading 6
#   depPackage: html
#   isSubImport: true
#   icon: fas fa-heading

- name: img
  label_en: Image
  depPackage: html
  isSubImport: true
  icon: fas fa-image

- name: hr
  label_en: Horizontal Line
  depPackage: html
  isSubImport: true
  icon: fas fa-minus

- name: br
  label_en: Line Break
  depPackage: html
  isSubImport: true
  icon: icon-LineBreak

- name: Page sections
  type: folder
  children:
  - name: header
    label_en: Header Section
    depPackage: html
    isSubImport: true
    icon: icon-header
  - name: main
    label_en: Main Section
    depPackage: html
    isSubImport: true
    icon: icon-main
  - name: footer
    label_en: Footer Section
    depPackage: html
    isSubImport: true
    icon: icon-footer
  - name: nav
    label_en: Navigation Section
    depPackage: html
    isSubImport: true
    icon: fas fa-directions
  - name: section
    label_en: Generic Section
    depPackage: html
    isSubImport: true
    icon: fas fa-object-group

- name: Lists
  type: folder
  showChildren: false
  children:
  - name: ul
    label_en: Unordered List
    depPackage: html
    isSubImport: true
    icon: fas fa-list-ul
    defaultChildren: <li>List item 1</li><li>List item 2</li><li>List item 3</li>
  - name: ol
    label_en: Ordered List
    depPackage: html
    isSubImport: true
    icon: fas fa-list-ol
    defaultChildren: <li>List item 1</li><li>List item 2</li><li>List item 3</li>
  - name: li
    label_en: Bullet Item
    depPackage: html
    isSubImport: true
    icon: fas fa-circle fa-scale-75


- name: Blogs
  type: folder
  showChildren: false
  children:
  - name: article
    label_en: Article
    depPackage: html
    isSubImport: true
    icon: fas fa-newspaper

- name: Advanced
  type: folder
  showChildren: false
  children:
  - name: iframe
    label_en: Iframe
    depPackage: html
    isSubImport: true
    icon: fas fa-window-maximize
  - name: code
    label_en: Code
    depPackage: html
    isSubImport: true
    icon: fas fa-code

- name: meta
  hideInBrowser: true
  label_en: Helper Components
  type: folder
  children:
  - name: Fragment
    label_en: Fragment
    depPackage: react
    isSubImport: true
    icon: fas fa-object-group

  - name: Text
    hideInBrowser: true
    label_en: Raw Text
    depPackage: meta
    isSubImport: true
    icon: icon-Text

  - name: Expression
    hideInBrowser: true
    label_en: Expression
    depPackage: meta
    isSubImport: true
    icon: fas fa-code

  - name: RenderIf
    hideInBrowser: true
    label_en: Render IF
    depPackage: meta
    isSubImport: true
    icon: icon-if