export declare const columnsTemplate = "\"use client\";\nimport styled from \"styled-components\";\nimport { mq, Theme } from \"@/app/theme\";\n\nconst StyledColumns = styled.div<{ theme: Theme; $columns?: number }>`\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n\n  ${mq(\"lg\")} {\n    ${({ $columns }) =>\n      $columns && $columns >= 3\n        ? `display: grid; grid-template-columns: repeat(2, 1fr);`\n        : \"\"}\n  }\n\n  ${mq(\"xl\")} {\n    display: grid;\n    grid-template-columns: repeat(${({ $columns }) => $columns ?? 1}, 1fr);\n  }\n`;\n\ninterface ColumnsProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  cols?: number;\n}\n\nfunction Columns({ children, cols }: ColumnsProps) {\n  return <StyledColumns $columns={cols}>{children}</StyledColumns>;\n}\n\nexport { Columns };\n";