import React from "react";
import { getActiveClasses } from "../utility/active-classes";

interface Props {
  as?: any;
  className?: string;
  children?: React.ReactNode;
}

export default function Heading({
  as: Tag = "h2",
  className,
  children
}: Props) {
  return (
    <Tag
      className={getActiveClasses([
        className,
        { "auik-text-md auik-leading-none auik-font-medium": true }
      ])}
    >
      {children}
    </Tag>
  );
}
