hkawii

fun MenuView(
    modifier: Modifier = Modifier,
    menuSections: List<MenuSections> = FakeData.menuData
) {
    val scope = rememberCoroutineScope()

    val sectionsListState = rememberLazyListState()
    val itemsListState = rememberLazyListState()
    var selectedSectionIndex by remember { mutableStateOf(0) }

hkawii

fun MenuView(
    modifier: Modifier = Modifier,
    menuSections: List<MenuSections> = FakeData.menuData
) {
       val scope = rememberCoroutineScope()
       ...
       ...
        MenuSectionsView(
            selectedIndex = selectedSectionIndex,
            menuSections = menuSections,

hkawii

@Composable
fun MenuView(
    modifier: Modifier = Modifier,
    menuSections: List<MenuSections> = FakeData.menuData
) {
       val scope = rememberCoroutineScope()
       ...
       ...
        MenuItemsView(
            menuSections = menuSections,

hkawii

@Composable
fun MenuSectionsView(
    selectedIndex: Int,
    menuSections: List<MenuSections>,
    sectionsListState: LazyListState,
    onClick: (sectionIndex: Int) -> Unit
) {
    LazyRow(
        modifier = Modifier.padding(),
        state = sectionsListState

hkawii

@Composable
fun MenuItemView(section: MenuSections) {
    Column {
        section.menuItems.forEach { menuItem ->
            Column(Modifier.padding(10.dp)) {
                Row(
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Column(
                        modifier = Modifier.weight(1f),

hkawii

@Composable
fun MenuItemsView(
    menuSections: List<MenuSections>,
    itemsListState: LazyListState,
    onPostScroll: () -> Unit
) {
    LazyColumn(
        state = itemsListState,
        modifier = Modifier
            .padding()

hkawii

@Composable
fun SectionTextView(
    modifier: Modifier = Modifier,
    text: String,
    isSelected: Boolean
) {
    Column(modifier) {
        var textWidth by remember { mutableStateOf(0.dp) }
        val density = LocalDensity.current

hkawii

//User name text field
Column{
    val focusManager = LocalFocusManager.current

    AppTextField(
        text = viewModel.firstName,
        placeholder = "First Name",
        onChange = {
            viewModel.firstName = it
        },

hkawii

class FormViewModel : ViewModel() {
  
    var firstName by mutableStateOf("")
    var lastName by mutableStateOf("")
    var password by mutableStateOf("")
    var mobileNumber by mutableStateOf("")
    var mobileCountryCode by mutableStateOf("")
    var dateOfBirth by mutableStateOf("")
    
    //...

hkawii

fun AppTextField(
    modifier: Modifier = Modifier,
    text: String,
    placeholder: String,
    leadingIcon: @Composable (() -> Unit)? = null,
    onChange: (String) -> Unit = {},
    imeAction: ImeAction = ImeAction.Next,
    keyboardType: KeyboardType = KeyboardType.Text,
    keyBoardActions: KeyboardActions = KeyboardActions(),
    isEnabled: Boolean = true