<template>
  <div class="p-10 bg-gray-700">
    <LyxUiCard>
      <div class="flex gap-4 items-center">
        <LyxUiButton type="primary"> primary </LyxUiButton>
        <LyxUiButton type="secondary"> secondary </LyxUiButton>
        <LyxUiButton type="outline"> outline </LyxUiButton>
        <LyxUiButton type="danger"> danger </LyxUiButton>
      </div>
    </LyxUiCard>
  </div>
</template>
