export default () => {
    const { t } = useI18n();
    return reactive({
        backBtn: {
            props: {
                label: t("backToHome"),
                icon: "isax isax-arrow-left",
                severity: "secondary",
                rounded: "md",
                text: true,
            }
        },
        asides: {
            LoginForm: {
                image: 'logo.svg',
                title: 'welcome',
                subtitle: 'Welcome',
                desc: 'asanMarketDesc',
                hint: ''
            },
            EnterPhoneNumber: {
                step: 1,
                image: 'enter-phone-number.svg',
                title: 'enterPhoneNumber',
                subtitle: 'Enter your number',
                desc: 'enterPhoneNumberDesc',
                hint: ''
            },
            EnterOTPCode: {
                step: 2,
                image: 'otp-code-sms.svg',
                title: 'receiveActivtionCode',
                subtitle: 'Receive activation code',
                desc: 'receiveActivtionCodeDesc',
                hint: ''
            },
            ChoosePassword: {
                step: 3,
                image: 'choose-password.svg',
                title: 'choosePassword',
                subtitle: 'Choose a Password',
                desc: 'choosePasswordDesc',
                hint: 'choosePasswordHint'
            },
            CompleteInformation: {
                step: 4,
                image: 'complete-information.svg',
                title: 'completeInformation',
                subtitle: 'Completion of information',
                desc: 'completeInformationDesc',
                hint: ''
            }

        }
    })
}