import React from 'react';
import { SRow } from '../s-components/layout/s-row';
import { SDot } from '../s-components/s-dot';
import { SInfoParagraph } from '../s-components/s-info-paragraph';

type TProps = {
  children: React.ReactNode;
};

export const DotLine: React.FC<TProps> = props => {
  const { children } = props;
  return (
    <SRow mb={5}>
      <SDot />
      <SInfoParagraph width="90%">{children}</SInfoParagraph>
    </SRow>
  );
};