32 lines
1.5 KiB
TypeScript
32 lines
1.5 KiB
TypeScript
|
export default function Buttons() {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="pd-button-group my-5 gap-2 grid grid-cols-2 text-18 font-500">
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="col-span-2 uppercase rounded-[12px] text-white h-[52px] border border-[#FFD83E] bg-[linear-gradient(148.21deg,#FFD83E_-14.02%,#FF4E2A_70.14%)]"
|
||
|
|
aria-label="Mua sản phẩm"
|
||
|
|
>
|
||
|
|
{" "}
|
||
|
|
Mua ngay{" "}
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
|
||
|
|
aria-label="Mua sản phẩm"
|
||
|
|
>
|
||
|
|
<i className="icons icon-cart !w-[22px] !h-[22px] mr-[6px]" />
|
||
|
|
<span> Thêm vào giỏ </span>
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
|
||
|
|
aria-label="Mua sản phẩm"
|
||
|
|
>
|
||
|
|
<i className="icons icon-card w-[22px] h-[22px] mr-[6px]" />
|
||
|
|
<span> Mua trả góp </span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|