import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
export const Collection = ({ children, gap = "1rem", direction = "column", wrap = false, className = "", }) => {
    const baseClasses = `
    flex
    font-[var(--font-default)]
  `;
    const directionClasses = {
        column: "flex-col",
        row: "flex-row",
    };
    const wrapClass = wrap ? "flex-wrap" : "flex-nowrap";
    const classes = `${baseClasses} ${directionClasses[direction]} ${wrapClass} ${className}`.trim();
    const style = {
        gap: gap,
    };
    return (_jsx("div", { className: classes, style: style, children: children }));
};
