Radio List Item

// Copyright (c) Meta Platforms, Inc. and affiliates.

'use client';

import {useState} from 'react';
import {RadioList, RadioListItem} from '@astryxdesign/core/RadioList';

export default function RadioListItemShowcase() {
  const [value, setValue] = useState('standard');

  return (
    <RadioList label="Shipping method" value={value} onChange={setValue}>
      <RadioListItem
        label="Standard"
        value="standard"
        description="5–7 business days"
      />
      <RadioListItem
        label="Express"
        value="express"
        description="2–3 business days"
      />
      <RadioListItem
        label="Overnight"
        value="overnight"
        description="Next business day"
      />
      <RadioListItem
        label="Same day"
        value="sameday"
        description="Not available in your area"
        isDisabled
      />
    </RadioList>
  );
}