import React from 'react';

import { forwardRef } from '../utils/react';
import { Text, TextProps } from '../text';

export interface NoContentTitleProps extends TextProps {}

export const NoContentTitle = forwardRef<'p', NoContentTitleProps>(
  function NoContentTitle(
    {
      as = 'p',
      align = 'center',
      color = 'base-text-weak',
      variant = 'h4',
      ...rest
    },
    ref,
  ) {
    return (
      <Text
        ref={ref}
        as={as}
        align={align}
        color={color}
        variant={variant}
        {...rest}
      />
    );
  },
);