import styled from 'styled-components';
import { Text } from '../Text';

type TextProps = React.ComponentProps<typeof Text>;

export interface Props extends TextProps {}

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

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