import React from 'react';
import type { TypoProps } from './typo';
import { Typo } from './typo';
import { Flex } from './flex';

export type BulletTextProps = TypoProps;

export function BulletText({
  children,
  ...rest
}: BulletTextProps): React.ReactNode {
  return (
    <Flex gap="1" ml="2">
      <Typo {...rest}>•</Typo>
      <Typo {...rest}>{children}</Typo>
    </Flex>
  );
}
