Radio

import { useState } from 'react';
import { FormField, Radio, RadioGroup } from '@divistant/circca-react';

export default function Example() {
  const [tipe, setTipe] = useState('lisensi-jasa');
  return (
    <div className="grid gap-6">
      <FormField label="Tipe PO" required>
        <RadioGroup value={tipe} onValueChange={setTipe}>
          <Radio value="lisensi-jasa">Lisensi + Jasa</Radio>
          <Radio value="lisensi">Lisensi saja</Radio>
          <Radio value="jasa">Jasa saja</Radio>
        </RadioGroup>
      </FormField>
      <FormField label="Mata uang">
        <RadioGroup defaultValue="idr" orientation="horizontal">
          <Radio value="idr">IDR</Radio>
          <Radio value="usd">USD</Radio>
          <Radio value="sgd" disabled>SGD</Radio>
        </RadioGroup>
      </FormField>
    </div>
  );
}