import { PropsWithChildren } from 'react';
import { BaseProps } from '../types.js';
import '@emotion/react';

type HeadingBaseProps = BaseProps & {
    /**
     * "small", "medium", "large", "xLarge" 값이 들어올 수 있습니다.
     * @requires
     */
    size: "small" | "medium" | "large" | "xLarge";
    /**
     * Heading 컴포넌트의 텍스트를 채워줍니다.
     * @requires
     */
    text: string;
    /**
     * description 역할의 회색 글씨를 담당합니다.
     */
    subtle?: string;
};
type HeadingProps = (PropsWithChildren & HeadingBaseProps & {
    align?: never;
}) | (HeadingBaseProps & {
    /**
     * align은 children과 같이 사용할 수 없습니다.
     * default는 왼쪽 정렬입니다.
     */
    align?: "default" | "center";
    children?: never;
});

export { HeadingProps };