Glass Button

import { GlassButton } from "@/components/glassyui/glass-button";

export function ButtonDemo() {
  return <GlassButton>Save changes</GlassButton>;
}

import { useState } from 'react';
import { View } from 'react-native';
import { GlassButton } from '@/components/glassyui/glass-button';

export default function ButtonExample() {
  const [saved, setSaved] = useState(false);

  return (
    <View style={{ flexDirection: 'row', gap: 12 }}>
      <GlassButton variant="prominent" onPress={() => setSaved(true)}>
        {saved ? 'Saved' : 'Save'}
      </GlassButton>
      <GlassButton disabled={!saved} onPress={() => setSaved(false)}>
        Undo
      </GlassButton>
    </View>
  );
}

<div className="flex gap-3">
  <GlassButton variant="prominent">Prominent</GlassButton>
  <GlassButton variant="primary">Primary</GlassButton>
  <GlassButton variant="soft">Soft</GlassButton>
  <GlassButton variant="ghost">Ghost</GlassButton>
</div>

<GlassButton asChild variant="prominent">
  <a href="/pricing">See pricing</a>
</GlassButton>