import { onMounted, shallowRef } from 'vue'

import { detectFlexGapSupported } from '../styleChecker'

export default () => {
  const flexible = shallowRef(false)
  onMounted(() => {
    flexible.value = detectFlexGapSupported()
  })

  return flexible
}
