Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 204x | import { FaGear, FaGithub } from "react-icons/fa6";
export default function GithubSettingIcon({
size = 24,
gearColor = "blue",
githubColor = "black",
"data-testid": dataTestId = "GithubSettingIcon",
}) {
return (
<span
style={{
position: "relative",
display: "inline-block",
marginRight: "12px",
}}
data-testid={dataTestId}
>
<FaGithub
size={size}
color={githubColor}
data-testid={`${dataTestId}-github-icon`}
/>
<FaGear
size={size / 1.5}
color={gearColor}
data-testid={`${dataTestId}-settings-icon`}
style={{
position: "absolute",
bottom: 0,
right: 0,
transform: "translate(65%, 20%)",
}}
/>
</span>
);
}
|