mirror of
https://github.com/actualbudget/actual.git
synced 2026-03-21 15:36:50 -05:00
33 lines
552 B
TypeScript
33 lines
552 B
TypeScript
import type { HTMLProps } from 'react';
|
|
|
|
import { css } from '@emotion/css';
|
|
|
|
import type { CSSProperties } from './styles';
|
|
|
|
type ParagraphProps = Omit<HTMLProps<HTMLDivElement>, 'style'> & {
|
|
style?: CSSProperties;
|
|
isLast?: boolean;
|
|
};
|
|
|
|
export function Paragraph({
|
|
style,
|
|
isLast,
|
|
children,
|
|
...props
|
|
}: ParagraphProps) {
|
|
return (
|
|
<div
|
|
{...props}
|
|
className={css([
|
|
!isLast && { marginBottom: 15 },
|
|
style,
|
|
{
|
|
lineHeight: '1.5em',
|
|
},
|
|
])}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|