import { ReactNode } from "react";

import "./Text.css";

import { getCN, usePadding, renderProps } from "../utils";

function Text({
  children,
  mode = `optimaze`,
  ...props
}: {
  mode?: `optimaze` | `low` | `hard` | `title`;
  props?: any;
  [x: string]: any;
}) {
  return (
    <div
      {...props}
      className={getCN(["MYUI-Text", `MYUI-Text--${mode}`], props.className)}
    >
      {children}
    </div>
  );
}

export default Text;