import React from "react";
import { Text as TextComponent } from "./text/Text";
import { TextProps } from "./text/types";
import { Heading as HeadingComponent } from "./heading/Heading";
import { HeadingProps } from "./heading/types";

export const Heading: React.FC<HeadingProps> = props => (
  <HeadingComponent {...props} />
);
export const H1: React.FC<HeadingProps> = props => (
  <HeadingComponent type="H1" {...props} />
);
export const H2: React.FC<HeadingProps> = props => (
  <HeadingComponent type="H2" {...props} />
);
export const H3: React.FC<HeadingProps> = props => (
  <HeadingComponent type="H3" {...props} />
);
export const H4: React.FC<HeadingProps> = props => (
  <HeadingComponent type="H4" {...props} />
);

export const Text: React.FC<TextProps> = (props: TextProps) => (
  <TextComponent {...props} />
);