import React from 'react';

import { IHeading } from './Heading.interface';
import { StyledHeading } from './Heading.theme';

const Heading = ({ tag = "h3", size, className, ...props }: IHeading) => {
  return (
    <StyledHeading
      as={tag}
      size={size}
      className={className}
      {...props}
    />
  );
};


export default Heading;