// The current way of doing object destructuring in function declarations
// is cumbersome, lengthy, and repetitive  
// 🥺
function Rectangle({
  width,
  height,
  fill
}: {
  width: number
  height: number
  fill: 'dark' | 'light'
}) {}
 

// 😍 ... maybe this could be done "nicer" by just providing the type?
function Rectangle({width:number, height:number, fill: 'dark' | 'light'}) {}

// 🤔 Currently, we can use defaults to achieve something along this line:
function Rectangle({width = 200, height = 200, fill = 'dark'}) { }
// ... , but `fill` would not be typed correctly 🥺 and maybe we don't want 
// to use default values in the first place

// 😍 Could this be the way to do it with correctly typed defaults? 
function Rectangle({width = 200, height = 200, fill: 'dark' | 'light' = 'dark'}) {}

// 😍 ...or kind of "mixed" mode? 
function Rectangle({width = 200, height = 200, fill: 'dark' | 'light'}) {}