import { FadeIcon, SectionIcon } from '@/icons';

import { ContextMenuItem } from '../contextMenu/ContextMenu';

export const ClipBoundaryContextMenu = ({
  onClose,
  beats,
}: {
  onClose: () => void;
  beats: number;
}) => {
  return (
    <>
      <ContextMenuItem
        icon={<SectionIcon />}
        onClick={() => {
          // TODO: implement
          console.log('glue sections', beats);
          onClose();
        }}
      >
        Glue Sections
      </ContextMenuItem>
      <ContextMenuItem icon={<FadeIcon />}>Crossfade</ContextMenuItem>
    </>
  );
};