mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
59ad48476b
* chore: add boime lint * fix lint * use files ignore * revert change * ignore clarity.js * fix some errors * fix some errors * fix some errors * fix some errors * add yml file * Update clarity.js Signed-off-by: afc163 <afc163@gmail.com> * add npm run lint:biome * add npm run lint:biome * fix test case * fix ts errors * fix ts errors * fix lint and add .lintstagedrc * shorten prop name * chore: update package.json * update biome.json * chore: remove stylelint * chore: useOptionalChain * fix lint * biome format * prettier all code * prettier all code * fix site test --------- Signed-off-by: afc163 <afc163@gmail.com>
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { createStyles, css } from 'antd-style';
|
|
import classNames from 'classnames';
|
|
|
|
interface IconProps {
|
|
className?: string;
|
|
style?: React.CSSProperties;
|
|
}
|
|
|
|
const useStyle = createStyles(() => ({
|
|
iconWrap: css`
|
|
display: inline-flex;
|
|
align-items: center;
|
|
line-height: 0;
|
|
text-align: center;
|
|
vertical-align: -0.125em;
|
|
`,
|
|
}));
|
|
|
|
const PnpmIcon: React.FC<IconProps> = (props) => {
|
|
const { className, style } = props;
|
|
const { styles } = useStyle();
|
|
return (
|
|
<span className={classNames(styles.iconWrap, className)} style={style}>
|
|
<svg
|
|
aria-hidden="true"
|
|
fill="#F69220"
|
|
focusable="false"
|
|
height="1em"
|
|
role="img"
|
|
stroke="#F69220"
|
|
strokeWidth="0"
|
|
viewBox="0 0 24 24"
|
|
width="1em"
|
|
>
|
|
<title>pnpm icon</title>
|
|
<path d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z" />
|
|
</svg>
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default PnpmIcon;
|