import styled from 'styled-components';
import { Text, Props as TextProps } from '../Text';

export interface Props extends Omit<TextProps, 'variant'> {
  variant?: TextProps['variant'];
}

export const Paragraph = styled(Text)<Props>({
  '&:last-child': {
    marginBottom: 0,
  },
});

Paragraph.defaultProps = {
  ...Text.defaultProps,
  as: 'p',
  mt: 0,
  mb: 'm',
};
