import React from 'react';
import styled from 'styled-components';

function NotesColumn(props: any) {
  const data = props?.row?.original;
  return (
    <RowContainer>
      <Row>
        <Note>{data.note}</Note>
      </Row>
    </RowContainer>
  );
}

const Note = styled.p`
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #667085;
`;

const RowContainer = styled.div``;

const Row = styled.div``;

export default NotesColumn;
