import React from 'react';

export function selectFromElementProps(element: unknown, property: string): unknown {
  if (React.isValidElement<Record<PropertyKey, unknown>>(element)) {
    return property in element.props ? element.props[property] : undefined;
  } else {
    return {};
  }
}

export function listItemTouchesBottom(element: HTMLElement): boolean {
  if (element.nextElementSibling) {
    return element.getBoundingClientRect().bottom === element.parentElement?.getBoundingClientRect().bottom;
  } else {
    return true;
  }
}