# Buton varyantları

İki niyet ve iki boyut içeren tek bir tarif; className haritasından çözülür.

`WindRecipe`: [WindRecipe](https://anilcancakir.com/wind_kit/docs/styling/wind-recipe.md)

```dart
final button = WindRecipe(
  base: 'inline-flex items-center rounded-lg font-medium',
  variants: {
    'intent': {
      'primary': 'bg-blue-600 dark:bg-blue-500 text-white',
      'ghost':   'bg-transparent text-blue-600 dark:text-blue-400',
    },
    'size': {
      'sm': 'px-3 py-1.5 text-sm',
      'md': 'px-4 py-2 text-base',
    },
  },
  defaultVariants: {'intent': 'primary', 'size': 'md'},
);
```