// Destructuring is a short hand way to access properties as an object and store them as usable variables.
// Consider the following object:

let user = {
  name: 'John',
  age: 33,
  appearance: {
    hairColor: 'Blonde',
    eyeColor: 'Hazel',
    height: {
      onTinder: '6ft. 4in.',
      offTinder: '6ft. 2in.'
    }
  }
}

// Accessing properties off this object might look something like this

let userName = user.name; // 'John'
let userAge = user.age; // 33
let userHairColor = user.appearance.hairColor; // 'Blonde'
let userEyeColor = user.sppearance.eyeColor; // 'Hazel'

// Or, using object destructuring

let { name, age } = user;

// notice here that we have to declare a new destructured object.
// That's because we're pulling values off two separate objects,
// even though they're on the same parent object.

let { hairColor, eyeColor } = user.appearance;

// Destructuring is a shorter, more concise way to access the properties from objects.
// -------------------------

// You can also destructure functional parameters that are objects,
// capturing only the object properties we care about.

let user = {
  name: 'Steven',
  age: 26
}

function greeting(user) {
  return 'Hello ' + user.name;
}

// Or, with destructuring

function greeting({ name }) {
  return 'Hello ' + name;
}

greeting(user); // 'Hello Steven';