quickconsultation navbar

{/* Navigarion bar start */}

<div

css={[

flex("row", "justify-start", "items-center"),

gap(2),

padding(5, "x"),

padding(5, "y"),

border(2, "bottom"),

screen("md", border(0, "bottom")),

{

position: "sticky",

top: 0,

backgroundColor: THEME_COLORS["white"],

zIndex: 10,

},

]}

>

<ArrowForwardIcon

css={{ transform: "rotate(180deg)", cursor: "pointer" }}

onClick={handleNavigateBack}

/>

<div css={[flex("row", "justify-between"), { width: 288 }, gap(4)]}>

<div css={[padding(1, "y")]}>

<Text variant="header-3" color="secondary-600">

Quick Consultation

{/* {isPhone && isQuickDetailsComplete() && (

<img src={checkCircleIcon} alt="success" />

)} */}

</Text>

</div>

{/* {isPhone && (

<div css={[flex("row")]}>

<ArrowForwardIcon

css={{ transform: "rotate(180deg)", cursor: "pointer" }}

onClick={handleNavigateBack}

/>

</div>

)} */}

</div>

</div>

{/* Navigarion bar end */}