import { createIcon } from '../utils/create-icon';

export const BubbleTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M2.02776 8.27762C1.84489 6.44886 1.75345 5.53448 2.0535 4.82768C2.31707 4.20684 2.78215 3.69293 3.37369 3.36889C4.04712 3 4.96606 3 6.80394 3H17.1961C19.0339 3 19.9529 3 20.6263 3.36889C21.2178 3.69293 21.6829 4.20684 21.9465 4.82768C22.2466 5.53448 22.1551 6.44886 21.9722 8.27762L21.4322 13.6776C21.2795 15.2046 21.2032 15.9681 20.8566 16.545C20.5514 17.0531 20.1024 17.4594 19.5665 17.7125C18.958 18 18.1907 18 16.6561 18H15.047C15.0295 18 15.0208 18 15.0123 18.0015C15.0048 18.0028 14.9975 18.0049 14.9904 18.0079C14.9825 18.0112 14.9752 18.016 14.9605 18.0254L8.24652 22.3415C8.16622 22.3931 8.12608 22.419 8.09288 22.4166C8.06394 22.4145 8.03733 22.4 8.01995 22.3768C8 22.3501 8 22.3024 8 22.2069V18.16C8 18.104 8 18.076 7.9891 18.0546C7.97951 18.0358 7.96422 18.0205 7.9454 18.0109C7.92401 18 7.89601 18 7.84 18H7.34394C5.80931 18 5.042 18 4.43351 17.7125C3.89757 17.4594 3.44865 17.0531 3.14339 16.545C2.79681 15.9681 2.72046 15.2046 2.56776 13.6776L2.02776 8.27762Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));