0efa52ada5
Create the sidepeek for a specific roomtype. This also changes the lightbox to use react-aria instead of radix-ui, so we use the same for the lightbox and the sidepeek. Works better together! Approved-by: Bianca Widstam
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import { iconVariants } from "./variants"
|
|
|
|
import type { IconProps } from "@/types/components/icon"
|
|
|
|
export default function WindowCurtainsAltIcon({
|
|
className,
|
|
color,
|
|
...props
|
|
}: IconProps) {
|
|
const classNames = iconVariants({ className, color })
|
|
return (
|
|
<svg
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={classNames}
|
|
{...props}
|
|
>
|
|
<mask
|
|
style={{ maskType: "alpha" }}
|
|
id="mask0_69_3395"
|
|
maskUnits="userSpaceOnUse"
|
|
x="0"
|
|
y="0"
|
|
width="24"
|
|
height="24"
|
|
>
|
|
<rect width="24" height="24" fill="#D9D9D9" />
|
|
</mask>
|
|
<g mask="url(#mask0_69_3395)">
|
|
<path
|
|
d="M4.0625 19.0625V4.9375C4.0625 4.42187 4.24609 3.98046 4.61328 3.61328C4.98046 3.24609 5.42187 3.0625 5.9375 3.0625H18.0625C18.5781 3.0625 19.0195 3.24609 19.3867 3.61328C19.7539 3.98046 19.9375 4.42187 19.9375 4.9375V19.0625H21C21.2583 19.0625 21.4792 19.1542 21.6625 19.3375C21.8458 19.5208 21.9375 19.7417 21.9375 20C21.9375 20.2583 21.8458 20.4792 21.6625 20.6625C21.4792 20.8458 21.2583 20.9375 21 20.9375H3C2.74167 20.9375 2.52083 20.8458 2.3375 20.6625C2.15417 20.4792 2.0625 20.2583 2.0625 20C2.0625 19.7417 2.15417 19.5208 2.3375 19.3375C2.52083 19.1542 2.74167 19.0625 3 19.0625H4.0625ZM5.9375 19.0625H9.0625V4.9375H5.9375V19.0625ZM10.9375 19.0625H13.0625V4.9375H10.9375V19.0625ZM14.9375 19.0625H18.0625V4.9375H14.9375V19.0625Z"
|
|
fill="#26201E"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|