/**
 * @upsetjs/react
 * https://github.com/upsetjs/upsetjs
 *
 * Copyright (c) 2021 Samuel Gratzl <sam@sgratzl.com>
 */

import type { ISetLike } from '@upsetjs/model';
import React, { PropsWithChildren } from 'react';
import type { UpSetDataInfo } from '../derive/deriveDataDependent';
import type { UpSetSizeInfo } from '../derive/deriveSizeDependent';
import type { UpSetStyleInfo } from '../derive/deriveStyleDependent';

export default function LabelsSelection<T>({
  data,
  size,
  style,
  selection,
}: PropsWithChildren<{
  data: UpSetDataInfo<T>;
  size: UpSetSizeInfo;
  style: UpSetStyleInfo;
  selection: ISetLike<T> | null;
}>) {
  if (!selection || selection.type !== 'set' || !data.sets.keys.includes(data.toKey(selection))) {
    return null;
  }
  const d = selection;
  return (
    <rect
      y={data.sets.y(d)}
      width={size.labels.w + size.cs.w + size.sets.after}
      height={data.sets.bandWidth}
      className={`selectionHint-${style.id}`}
    />
  );
}