Function menuStyles

packages/react/src/UnderlineNav/styles.ts:162–171

(containerRef: Element | null, listRef: Element | null)

 * @description This calculates the position of the menu
 */
export const menuStyles = (containerRef: Element | null, listRef: Element | null): BetterSystemStyleObject => {
  if (containerRef && listRef) {
    const {left} = getAnchoredPosition(containerRef, listRef, {align: 'start', side: 'outside-bottom'})
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    const {right, ...rest} = baseMenuStyles
    return {...rest, left}
  }

  return baseMenuStyles
}