feat(SW-350): Created Input field for booking widget
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
"use client"
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import inputStyles from "@/components/Forms/BookingWidget/FormContent/Search/search.module.css"
|
||||
import Body from "@/components/TempDesignSystem/Text/Body"
|
||||
import Caption from "@/components/TempDesignSystem/Text/Caption"
|
||||
import { Tooltip } from "@/components/TempDesignSystem/Tooltip"
|
||||
|
||||
import Input from "../Input"
|
||||
|
||||
import styles from "./voucher.module.css"
|
||||
|
||||
export default function Voucher() {
|
||||
@@ -32,20 +33,13 @@ export default function Voucher() {
|
||||
arrow="left"
|
||||
>
|
||||
<div className={styles.vouchers}>
|
||||
<div className={styles.vouchersHeader}>
|
||||
<label>
|
||||
<Caption color="disabled" textTransform="bold">
|
||||
{vouchers}
|
||||
</Caption>
|
||||
{/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}
|
||||
</div>
|
||||
<Body asChild>
|
||||
<input
|
||||
type="text"
|
||||
placeholder={addVouchers}
|
||||
className={inputStyles.input}
|
||||
disabled
|
||||
/>
|
||||
</Body>
|
||||
</label>
|
||||
<Input type="text" placeholder={addVouchers} disabled />
|
||||
</div>
|
||||
</Tooltip>
|
||||
<Tooltip
|
||||
|
||||
Reference in New Issue
Block a user