/ src / columns.tsx
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  );