columns.tsx
1 import { cn } from "./cn"; 2 3 interface ColumnsProps extends React.HTMLAttributes<HTMLDivElement> { 4 className?: string; 5 } 6 7 export const Columns = ({ children, className, ...rest }: ColumnsProps) => ( 8 <div 9 className={cn( 10 "md:columns-2 print:columns-2 print:gap-x-12 md:gap-x-12", 11 className 12 )} 13 {...rest} 14 > 15 {children} 16 </div> 17 );