Tabs.tsx

// If new cla (class) is added it has to be added to css giving it display: none; as default
// The main tab has to be given display: block; via id css
export function ButtonRowTabs({data, cla}: {data: Array<TabDatensatz>, cla: string}) {
    let rows = []
    for ( let i = 0;  i < data.length; i++ ){
      rows.push(
        <div id={data[i].cssname} className={cla}>
            {data[i].node}
        </div>
      )
    }
    return rows; 
  }
  export function BFHStyleTabs({data, cla}: {data: Array<NodeDatensatz>, cla: string}) {
    let rows = []
    for ( let i = 0;  i < data.length; i++ ){
      rows.push(
        <div id={data[i].cssname} className={cla}>
            {data[i].node}
        </div>
      )
    }
    return rows; 
  }