/** @jsxImportSource react */

export const ElevenlabsLogo = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 100 100" {...props}>
    <path d="M57.8521 7H73.9999V92.2719H57.8521V7Z" fill="#1D1E1C" />
    <path d="M42.1059 92.2715H26V7.021H42.1059V92.2715Z" fill="#1D1E1C" />
  </svg>
)

export const ElevenlabsLogoDark = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 100 100" {...props}>
    <rect width="100" height="100" rx="8" fill="white" />
    <path d="M57.8521 7H73.9999V92.2719H57.8521V7Z" fill="#1D1E1C" />
    <path d="M42.1059 92.2715H26V7.021H42.1059V92.2715Z" fill="#1D1E1C" />
  </svg>
)