import * as React from 'react' ; import { CodeBlock } from './Code' ; export function Overview ( ) { return ( < > < div > < div className = "flex items-end justify-between border-b border-solid border-gray-400 mb-4 pb-2" > < h2 className = "font-bold text-4xl" > Features < /h2> < /div> < ul className = "space-y-2" > < li > 🌱 Well under 1 KB minified and gzipped ! < /li> < li > 🚛 Bring your own DOM ! < /li> < li > ✨ Correctly handles dynamic tabs , no more empty tab panels ! < /li> < li > 🤹 ‍ ♂ ️ Well suited for complex use cases , including drag and drop ! < /li> < li > 🚀 Built - in lazy rendering ! < /li> < li > 🤓 Available as ESM and CJS ! < /li> < /ul> < /div> < div > < div className = "flex items-end justify-between border-b border-solid border-gray-400 mb-4 pb-2" > < h2 className = "font-bold text-4xl" > Getting started < /h2> < /div> < CodeBlock > npm install react - headless - tabs < /CodeBlock> < /div> < />); }