import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";

/**
 * # Span element
 * @className twui-span
 */
export default function Span({
    ...props
}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
    return (
        <span
            {...props}
            className={twMerge("text-base", "twui-span", props.className)}
        >
            {props.children}
        </span>
    );
}