Tabs.tsx

// The main tab has to be given display: block; via id css or be given the id "First"
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++ ){
      if (data[i].cssname === "timeline"){
        rows.push(
          <div id={data[i].cssname} className={cla} style={{display: "block"}}>
              {data[i].node}
          </div>
        )
      }
      else{
      rows.push(
        <div id={data[i].cssname} className={cla}>
            {data[i].node}
        </div>
      )
      }
    }
    return rows; 
  }