export default function DoubleColumn ( props ) { return ( < div > < div className = "flex-grow w-full max-w-7xl mx-auto lg:flex" > < div className = "flex-1 min-w-0 xl:flex" > < div className = "xl:border-b-0 xl:flex-shrink-0 xl:w-64 xl:border-r xl:border-gray-200" > < div className = "h-full pl-4 pr-6 py-6 sm:pl-6 lg:pl-8 xl:pl-0" > { } < div className = "h-full relative" style = { { minHeight : '12rem' } } > { props . left } < /div> { } < /div> < /div> < div className = "lg:min-w-0 lg:flex-1" > < div className = "h-full py-6 px-4 sm:px-6 lg:px-8" > { } { props . main } { } < /div> < /div> < /div> < /div> < /div>); }