import * as React from "react" ; import { Header } from "./Base" ; import BtnExportJson from "./BtnExportJson" ; import BtnExportHtml from "./BtnExportHtml" ; import BtnExportCsv from "./BtnExportCsv" ; interface Props { onExport : ( format : "csv" | "html" | "json" ) => void ; } const AppHeader = ( props ) => { return ( < Header style = { "transparent" } > < div /> < div > < BtnExportCsv onClick = { ( ) => props . onExport ( "csv" ) } /> < BtnExportHtml onClick = { ( ) => props . onExport ( "html" ) } /> < BtnExportJson onClick = { ( ) => props . onExport ( "json" ) } /> < /div> < /Header>); } ; export default AppHeader ;