Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1x 1x 1x 1x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 1x 1x | import React from "react";
import { Button, Input } from "@/components/ui";
const Coupon = () => {
return (
<div className="bg-white dark:bg-gray-800 shadow-1 rounded-[10px] mt-7.5">
<div className="border-b border-gray-3 dark:border-gray-700 py-5 px-4 sm:px-8.5">
<h3 className="font-medium text-xl text-dark dark:text-gray-100">Have any Coupon Code?</h3>
</div>
<div className="py-8 px-4 sm:px-8.5">
<div className="flex gap-4">
<Input
type="text"
name="coupon"
id="coupon"
placeholder="Enter coupon code"
fullWidth
className="rounded-md border-gray-3 dark:border-gray-600 bg-gray-1 dark:bg-gray-700 placeholder:text-dark-5 dark:placeholder:text-gray-400 dark:text-gray-200 py-2.5 px-5 focus:shadow-input"
/>
<Button
type="submit"
variant="primary"
size="md"
>
Apply
</Button>
</div>
</div>
</div>
);
};
export default Coupon;
|