import React , { PropsWithChildren } from 'react' ; import './tools_sidebar.less' ; import { Link } from 'gatsby' ; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' ; import { faTachometerAlt } from '@fortawesome/pro-duotone-svg-icons' ; import { Footer } from '../footer/Footer' ; interface ToolsSidebarProps { header ? : number ; } function ToolsSidebar ( { children , header = 0 } ) { return ( < div className = "sidebar-container" style = { { paddingTop : header } } > < aside style = { { width : 60 } } className = "tools-sidebar" > < nav > < Link to = "/tools/haste" title = "加速宝典" className = "tool-item" > < FontAwesomeIcon icon = { faTachometerAlt } /> < /Link> { } < /nav> < /aside> < main className = "tools-content" > { children } < div style = { { margin : 12 } } /> < Footer / > < /main> < /div>); } export { ToolsSidebar } ;