import React from 'react';
import styled from 'styled-components';
// import { useEventNotesData } from '../../store';

function Event(props: any) {
  const data = props?.row?.original?.event_description;
  // const [notesData] = useEventNotesData();

  // const getDescription = (eventId: number | undefined) => {
  //   if (eventId === undefined || notesData?.length === 0) return '';

  //   const eventData = notesData?.find((note: any) => note?.id === eventId);
  //   return eventData ? eventData?.description : 'N/A';
  // };
  return (
    <RowContainer>
      <Row>{data}</Row>
    </RowContainer>
  );
}

const RowContainer = styled.div``;

const Row = styled.div``;

export default Event;
