import type { ComponentProps } from 'react';
import React from 'react';

import { Paragraph as CoreParagraph } from '@shoptet/ui-core-web';
import type { SafeOmit } from '@shoptet/utils';

import type { PublicTypographyProps } from '../getTypographyProps';
import { getTypographyProps } from '../getTypographyProps';

/** @inheritdoc */
export interface ParagraphProps extends SafeOmit<ComponentProps<'p'>, 'className' | 'style'>, PublicTypographyProps {}

export function Paragraph({ appearance = 'md', ref, ...rest }: ParagraphProps) {
  return <CoreParagraph ref={ref} {...getTypographyProps({ appearance, ...rest })} />;
}