ar-design
Version:
AR Design is a (react | nextjs) ui library.
21 lines (20 loc) • 671 B
JavaScript
"use client";
import React from "react";
const Column = ({ children, size, align }) => {
// refs
let _className = [];
// className
if (typeof size === "object") {
Object.entries(size).map(([key, value]) => _className.push(`col-${key}-${value}`));
}
else if (typeof size === "number") {
["xl", "lg", "md", "sm", "xs"].map((col) => _className.push(`col-${col}-${size}`));
}
else if (typeof size === "undefined") {
_className.push("col");
}
if (align)
_className.push(align);
return React.createElement("div", { className: _className.map((c) => c).join(" ") }, children);
};
export default Column;