@activecollab/components/dist/esm/components/Typography/Typography.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import React, { forwardRef } from "react";
import classNames from "classnames";
import { StyledTypography } from "./Styles";
export const Typography = /*#__PURE__*/forwardRef((_ref, ref) => {
  let {
    variant = "Title 1",
    as,
    color = "primary",
    italic = false,
    tabularNums = false,
    letterSpacing = "tight",
    lineHeight = "regular",
    align = "left",
    decoration = "none",
    transform = "regular",
    overflow = "visible",
    whitespace = "regular",
    wordBreak = "regular",
    weight = "regular",
    className,
    children,
    ...props
  } = _ref;
  const Component = as || "div";
  return /*#__PURE__*/React.createElement(StyledTypography, _extends({
    as: Component,
    className: classNames("typography", className),
    $italic: italic,
    $tabularNums: tabularNums,
    $letterSpacing: letterSpacing,
    $lineHeight: lineHeight,
    $align: align,
    $decoration: decoration,
    $transform: transform,
    $overflow: overflow,
    $whitespace: whitespace,
    $wordBreak: wordBreak,
    $variant: variant,
    $color: color,
    $weight: weight,
    ref: ref
  }, props), children);
});
Typography.displayName = "Typography";
//# sourceMappingURL=Typography.js.map