How to use the @looker/design-tokens.palette.purple300 function in @looker/design-tokens

} from '@looker/design-tokens'
import { InputProps } from '../InputProps'

export interface CustomizableToggleSwitchAttributes
  extends CustomizableAttributes {
  knobOnColor: string
  knobOffColor: string
  onColor: string
  offColor: string
}

export const CustomizableToggleSwitchAttributes: CustomizableToggleSwitchAttributes = {
  knobOffColor: palette.white,
  knobOnColor: palette.white,
  offColor: palette.charcoal300,
  onColor: palette.purple300,
}

export interface KnobProps {
  className?: string
  size: number
  disabled?: boolean
  on?: boolean
}

interface KnobContainerBaseProps extends KnobProps, PseudoProps {
  children: ReactNode
}

export interface ToggleSwitchProps
  extends SpaceProps,
    Omit,