Receiving Method
Receiving method selection with radio options
Payout Preferences
Receiving Method
"use client"import { Button } from "@/components/ui/button"import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle,} from "@/components/ui/card"import { Field, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSet,} from "@/components/ui/field"import { Input } from "@/components/ui/input"import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"import { IconPlaceholder } from "@/components/icon-placeholder"export function ReceivingMethod() { return ( <Card> <CardHeader> <CardDescription>Payout Preferences</CardDescription> <CardTitle>Receiving Method</CardTitle> <CardAction> <Button variant="ghost" size="icon-sm" className="bg-muted"> <IconPlaceholder lucide="XIcon" tabler="IconX" hugeicons="Cancel01Icon" phosphor="XIcon" remixicon="RiCloseLine" /> </Button> </CardAction> </CardHeader> <CardContent> <FieldGroup> <Field> <FieldLabel htmlFor="account-holder"> Account Holder Name </FieldLabel> <Input id="account-holder" defaultValue="Synthetic Horizons Music LLC" /> </Field> <FieldSet> <FieldLegend variant="label"> Receiving Method </FieldLegend> <RadioGroup defaultValue="bank" className="grid grid-cols-1 items-start gap-3 md:grid-cols-2" > <FieldLabel htmlFor="method-bank"> <Field orientation="horizontal" className="pb-2.5" > <RadioGroupItem value="bank" id="method-bank" /> <FieldContent> <FieldDescription className="font-medium text-foreground"> Bank Transfer </FieldDescription> <FieldDescription> SWIFT / IBAN </FieldDescription> </FieldContent> </Field> </FieldLabel> <FieldLabel htmlFor="method-paypal"> <Field orientation="horizontal" className="pb-2.5" > <RadioGroupItem value="paypal" id="method-paypal" /> <FieldContent> <FieldDescription className="font-medium text-foreground"> PayPal </FieldDescription> <FieldDescription className="line-clamp-1"> Instant Payout </FieldDescription> </FieldContent> </Field> </FieldLabel> </RadioGroup> </FieldSet> <Field> <FieldLabel htmlFor="iban"> IBAN / Account Number </FieldLabel> <Input id="iban" placeholder="DE89 3704 0044 ...." /> </Field> </FieldGroup> </CardContent> <CardFooter> <Button className="w-full" disabled> Save Payout Settings </Button> </CardFooter> </Card> )}