hunk.code_window: import { AvailableTimeSlots } from "./components/AvailableTimeSlots";
   import { Away } from "./components/Away";
   import { BookEventForm } from "./components/BookEventForm";
   import { BookFormAsModal } from "./components/BookEventForm/BookFormAsModal";
   import { DatePicker } from "./components/DatePicker";
   import { EventMeta } from "./components/EventMeta";
   import { LargeCalendar } from "./components/LargeCalendar";
   import { LargeViewHeader } from "./components/LargeViewHeader";
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.file_path: packages/features/bookings/Booker/Booker.tsx
hunk.type: replace
file: <svg xmlns="http://www.w3.org/2000/svg" width="208" height="120" fill="none">
    <g clip-path="url(#a)">
      <path fill="url(#b)" d="M0 0h208v120H0z"/>
      <path d="M18 27.6c0-3.36 0-5.04.65-6.32a6 6 0 0 1 2.63-2.63C22.56 18 24.24 18 27.6 18H208v102H18V27.6Z" fill="#101010"/>
      <path d="M55 75a3 3 0 0 1 3-3h131a3 3 0 0 1 3 3v14H55V75ZM55 90h137v17H55V90ZM55 108h137v17H55v-17Z" fill="#1C1C1C"/>
      <circle cx="123.74" cy="46.58" r="6" fill="#2B2B2B"/>
      <rect x="112.17" y="56.25" width="23.15" height="2" rx="1" fill="#444"/>
      <rect x="100.17" y="60.25" width="47.15" height="2" rx="1" fill="#2B2B2B"/>
      <rect x="59.24" y="77.58" width="24" height="2" rx="1" fill="#444"/>
      <rect x="59.24" y="95.58" width="24" height="2" rx="1" fill="#444"/>
      <rect x="59.24" y="113.58" width="24" height="2" rx="1" fill="#444"/>
      <rect x="59.24" y="81.88" width="58" height="2" rx="1" fill="#2B2B2B"/>
      <rect x="59.24" y="99.88" width="58" height="2" rx="1" fill="#2B2B2B"/>
      <rect x="59.24" y="117.88" width="58" height="2" rx="1" fill="#2B2B2B"/>
    </g>
    <defs>
      <radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(145.4 103.67 32.3) scale(465.773 828.954)">
        <stop stop-color="#282E39"/>
        <stop offset="1" stop-color="#D4D4D5"/>
      </radialGradient>
      <clipPath id="a">
        <path fill="#fff" d="M0 0h208v120H0z"/>
      </clipPath>
    </defs>
    <defs>
      <radialGradient id="c" r=".1"/>
      <filter id="d" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
        <feTurbulence type="fractalNoise" baseFrequency=".7" numOctaves="2" seed="2" stitchTiles="stitch" x="0%" y="0%" width="100%" height="100%" result="turbulence"/>
        <feColorMatrix type="saturate" values="0" x="0%" y="0%" width="100%" height="100%" in="turbulence" result="colormatrix"/>
        <feComponentTransfer x="0%" y="0%" width="100%" height="100%" in="colormatrix" result="componentTransfer">
          <feFuncR type="linear" slope="3"/>
          <feFuncG type="linear" slope="3"/>
          <feFuncB type="linear" slope="3"/>
        </feComponentTransfer>
        <feColorMatrix x="0%" y="0%" width="100%" height="100%" in="componentTransfer" result="colormatrix2" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 15 -7"/>
      </filter>
    </defs>
    <rect width="100%" height="100%" fill="url(#c)"/>
    <rect width="100%" height="100%" fill="transparent" filter="url(#d)" opacity=".1" style="mix-blend-mode:normal"/>
  </svg>