import Field from '@/app/component/element/Field'
import { Button } from '@mui/material'
import React from 'react'

function SignInPage({ setIsSendMsg }) {
    return (
        <div className='rounded-[16px] mt-[32px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px] min-w-[425px]'>
            <p className='text-[#525252] text-[18px] font-bold'>ورود یا ثبت نام در نوبت 724</p>
            <p className='text-[#616161] text-[14px] mt-[48px] font-normal'>شماره همراه خود را وارد نمایید.</p>
            <div className='mt-[24px] mb-[32px]'>
                <Field
                    type='number'
                    title='شماره همراه'
                />
            </div>
            <Button
                fullWidth
                variant='contained'
                onClick={() => setIsSendMsg(true)}
                className='!rounded-[8px] !bg-[#5559CE]'
            >ورود</Button>
            <p className='text-[#525252] text-[14px] font-normal text-center mt-[76px]'><span className='text-[#F17732] underline'>قوانین استفاده</span> از نوبت 724 را می پذیرم.</p>
        </div>
    )
}

export default SignInPage