2023-12-31 02:53:25 +00:00
|
|
|
import { Box, SxProps, Theme, useTheme } from "@mui/material";
|
2023-12-16 00:31:40 +00:00
|
|
|
|
|
|
|
interface Props {
|
2023-12-31 02:53:25 +00:00
|
|
|
right: boolean;
|
2023-12-16 00:31:40 +00:00
|
|
|
}
|
|
|
|
|
2023-12-31 02:53:25 +00:00
|
|
|
export default function ArrowLeftSP({ right }: Props) {
|
|
|
|
const theme = useTheme();
|
2023-12-16 00:31:40 +00:00
|
|
|
|
2023-12-31 02:53:25 +00:00
|
|
|
return (
|
|
|
|
<Box
|
|
|
|
sx={{
|
|
|
|
height: "14px",
|
|
|
|
width: "19px",
|
|
|
|
display: "flex",
|
|
|
|
alignItems: "center",
|
|
|
|
justifyContent: "center",
|
|
|
|
transform: right ? "rotate(180deg)" : undefined,
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
width="13"
|
|
|
|
height="11"
|
|
|
|
viewBox="0 0 13 11"
|
|
|
|
fill="none"
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
>
|
|
|
|
<path
|
|
|
|
d="M8.12 10.808H5.24L0.855999 5.88L5.24 0.952H8.12L4.648 4.936H12.184V6.824H4.648L8.12 10.808Z"
|
|
|
|
fill={theme.palette.brightPurple.main}
|
|
|
|
/>
|
|
|
|
</svg>
|
|
|
|
</Box>
|
|
|
|
);
|
|
|
|
}
|