import { Form } from "react-bootstrap";

const options: string[] = ['Darat', 'Laut', 'Udara'];

interface Props {
    value?: string;
    onChange: (val?: string) => void;
    inline?: boolean;
    disabled?: boolean;
}

export default function SelectVia({ value, onChange, inline = true, disabled = false, }: Props) {
    return (
        <div>
            {options.map((option, idx) => (
                <Form.Check
                    key={idx}
                    type="radio"
                    name="select-via"
                    id={`select-via-${idx}`}
                    label={option}
                    onChange={(e) => onChange(option)}
                    checked={String(value).toLowerCase() === String(option).toLowerCase()}
                    inline={inline}
                    disabled={disabled}
                />
            ))}
        </div>
    )
}