import type { ReactNode } from "react";

import Box from "@mui/material/Box";

function SimpleIcon({
  children,
  size = 16,
}: {
  children: ReactNode;
  size?: number;
}) {
  return (
    <Box
      component="svg"
      viewBox="0 0 24 24"
      aria-hidden
      sx={{
        width: size,
        height: size,
        color: "inherit",
        fill: "none",
        stroke: "currentColor",
        strokeLinecap: "round",
        strokeLinejoin: "round",
        strokeWidth: 1.8,
        flexShrink: 0,
      }}
    >
      {children}
    </Box>
  );
}

export function BackIcon() {
  return (
    <SimpleIcon size={17}>
      <path d="M15 18 9 12l6-6" />
    </SimpleIcon>
  );
}