<template>
  <div :class="{'container u-mt--64 u-mb--80 u-p--0': !fullWidth}" class="u-flex__grow--1">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'WizardStep',
  props: {
    title: String,
    subTitle: String,
    fullWidth: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style scoped lang="scss">
@import 'new-dashboard/styles/variables';

.container {
  width: 100%;
}
</style>

<template>
  <div :class="{'container u-width--100 u-mt--64 u-mb--80 u-p--0': !fullWidth}" class="u-flex__grow--1">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'WizardStep',
  props: {
    title: String,
    subTitle: String,
    fullWidth: {
      type: Boolean,
      default: false
    }
  }
}
</script>

Refactor css in wizard step
Refactor css in wizard step
