ar-design
Version:
AR Design is a (react | nextjs) ui library.
14 lines (13 loc) • 542 B
JavaScript
"use client";
import React, { useRef } from "react";
const Title = ({ children, Level, align = "left", size, upperCase = false, ...attributes }) => {
// refs
let _className = useRef("ar-typography-title").current;
if (align)
_className += ` ${align}`;
if (size)
_className += ` ${size}`;
return (React.createElement(Level, { className: _className, ...attributes }, typeof children === "string" && upperCase ? children.toLocaleUpperCase() : children));
};
Title.displayName = "Title";
export default Title;