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

export const BoxTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M10 11H14"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M21 7V19.4C21 19.9601 21 20.2401 20.891 20.454C20.7951 20.6422 20.6422 20.7951 20.454 20.891C20.2401 21 19.9601 21 19.4 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V7M11 3L10.5 7M5.98885 3H18.0111C18.3701 3 18.5496 3 18.708 3.05465C18.8482 3.10299 18.9758 3.18187 19.0817 3.28558C19.2014 3.40287 19.2817 3.5634 19.4422 3.88446L20.8842 6.76845C20.9226 6.84512 20.9417 6.88345 20.9371 6.91462C20.9331 6.94183 20.9181 6.96618 20.8955 6.98195C20.8697 7 20.8268 7 20.7411 7H3.25889C3.17316 7 3.1303 7 3.10449 6.98195C3.08195 6.96618 3.0669 6.94183 3.06288 6.91462C3.05827 6.88345 3.07744 6.84512 3.11578 6.76845L4.55777 3.88446C4.7183 3.5634 4.79857 3.40287 4.91831 3.28558C5.02421 3.18187 5.15184 3.10299 5.29196 3.05465C5.45042 3 5.6299 3 5.98885 3Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));