import { RtPopoverProps } from '../rt-popover.types';

type TArrowData = {
  offset: number;
};

export const arrowData: Record<
  NonNullable<RtPopoverProps['size']>,
  TArrowData
> = {
  xs: {offset: 4},
  sm: {offset: 6},
  md: {offset: 8},
  lg: {offset: 12},
};

export const getArrowD = (width: number) => {
  return `M${0.543305 * width} ${0.693894 * width}L${0.630145 * width} ${0.825746 * width}C${0.6725 * width} ${0.890056 * width} ${0.693678 * width} ${0.922211 * width} ${0.718392 * width} ${0.945206 * width}C${0.740304 * width} ${0.965593 * width} ${0.764192 * width} ${0.980617 * width} ${0.789181 * width} ${0.989726 * width}C${0.817365 * width} ${1 * width} ${0.847315 * width} ${1 * width} ${0.907215 * width} ${1 * width}L${0.092811 * width} ${1 * width}C${0.152711 * width} ${1 * width} ${0.182661 * width} ${1 * width} ${0.210845 * width} ${0.989726 * width}C${0.235834 * width} ${0.980617 * width} ${0.259722 * width} ${0.965593 * width} ${0.281634 * width} ${0.945206 * width}C${0.306348 * width} ${0.922211 * width} ${0.327526 * width} ${0.890056 * width} ${0.369881 * width} ${0.825746 * width}L${0.456721 * width} ${0.693894 * width}C${0.480631 * width} ${0.657591 * width} ${0.519396 * width} ${0.657591 * width} ${0.543305 * width} ${0.693894 * width}Z`
}