Button

import { Button } from "@prismane/core";

<Button>Button</Button>

<>
  <Button variant="primary">Primary Variant</Button>
  <Button variant="secondary">Secondary Variant</Button>
  <Button variant="tertiary">Tertiary Variants</Button>
  <Button variant="text">Text Variant</Button>
</>

<>
  <Button size="xs">xs Size</Button>
  <Button size="sm">sm Size</Button>
  <Button size="base">base Size</Button>
  <Button size="md">md Size</Button>
  <Button size="lg">lg Size</Button>
</>

<Button icon={<Heart />}>Much Love</Button>

<Button shadow>Shadow Button</Button>

<Button full>Full Width Button</Button>

<Button variant="tertiary" color="red" fillOnHover>
  Delete Post
</Button>

<>
  <Button variant="primary" loading>
    Loading
  </Button>
  <Button variant="secondary" loading>
    Loading
  </Button>
  <Button variant="tertiary" loading>
    Loading
  </Button>
  <Button variant="text" loading>
    Loading
  </Button>
</>

<>
  <Button color="base">Base</Button>
  <Button color="lime">Lime</Button>
  <Button color="diamond">Diamond</Button>
  <Button color="ruby">Ruby</Button>
</>

<Button icon={<Heart />} variant="secondary" color="teal" br="full">
  Much Love
</Button>

<Button as="strong">Versatile Button</Button>