export function SceneDecor() {
  return (
    <div className="hx-scene-deco" aria-hidden="true">
      <div className="auth-cloud auth-cloud--one" />
      <div className="auth-cloud auth-cloud--two" />
      <div className="auth-cloud auth-cloud--three" />
    </div>
  );
}

export function AuthTicketIcon() {
  return (
    <div className="auth-ticket-icon" aria-hidden="true">
      <svg width="32" height="32" viewBox="0 0 32 32" fill="none">
        <path d="M5 15 16 6l11 9" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M9 14v11h14V14" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M14 25v-7h4v7" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M7 25h20" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" />
      </svg>
    </div>
  );
}
