ar-design
Version:
AR Design is a (react | nextjs) ui library.
15 lines (14 loc) • 557 B
JavaScript
"use client";
import React from "react";
const Paragraph = ({ children, color, align = "left", size, upperCase = false }) => {
let _className = ["ar-typography-paragraph"];
if (align)
_className.push(align);
if (color)
_className.push(color);
if (size)
_className.push(size);
return (React.createElement("p", { className: _className.map((c) => c).join(" ") }, typeof children === "string" && upperCase ? children.toLocaleUpperCase() : children));
};
Paragraph.displayName = "Paragraph";
export default Paragraph;