xylabs/sdk-react

import type { ButtonProps } from '@mui/material'
import type { BoxlikeComponentProps, BusyProps } from '@xylabs/react-shared'
import type { NavigateOptions, To } from 'react-router-dom'

export interface ButtonOnlyHrefProps {
  href?: string
  to?: never
  toOptions?: never
}

export interface ButtonOnlyToProps {
  href?: never
  to?: To
  toOptions?: NavigateOptions
}

export interface ButtonNoToOrHrefProps {
  href?: never
  to?: never
  toOptions?: never
}

export type ButtonHrefOrToOrNoProps = ButtonOnlyHrefProps | ButtonOnlyToProps | ButtonNoToOrHrefProps

export interface ButtonHrefAndToProps {
  href?: string
  to?: To
  toOptions?: NavigateOptions
}

export const asButtonHrefOrToProps = (props: ButtonHrefAndToProps): ButtonHrefOrToOrNoProps => {
  if (props.href && (props.to || props.toOptions)) {
    throw new Error('ButtonExProps: cannot have both href and to')
  }
  return props.href ? { href: props.href } : props.to ? { to: props.to, toOptions: props.toOptions } : {}
}

export interface ButtonBaseExProps extends Omit<ButtonProps, 'ref' | 'href'>, BoxlikeComponentProps, BusyProps {
  disableUserEvents?: boolean
  funnel?: string
  intent?: string
  placement?: string
  target?: string
}

export type ButtonExProps = ButtonBaseExProps & ButtonHrefOrToOrNoProps