Button

import { Button } from 'regen-ui'

export function Actions() {
  return (
    <>
      <Button variant="primary">Continue</Button>
      <Button variant="secondary">Cancel</Button>
      <Button loading>Saving…</Button>
    </>
  )
}

import { Button } from 'regen-ui'

export function InlineAction() {
  return <Button.Text>View details</Button.Text>
}

import { Button } from 'regen-ui'
import { MoreHorizontal } from 'lucide-react'

export function MenuButton() {
  return (
    <Button.Icon title="More options">
      <MoreHorizontal />
    </Button.Icon>
  )
}