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

function Note(props: any) {
  const data = props?.row?.original?.event_notes;

  return (
    <RowContainer title={data}>
      <Row dangerouslySetInnerHTML={{ __html: data || '' }} />
    </RowContainer>
  );
}

const RowContainer = styled.div`
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
`;

const Row = styled.div``;

export default Note;
