Félix Malfait
8b4b9ef8da
Forcing "type" to be explicit, works best will rollup on the frontend to exclude depdendencies
23 lines
780 B
TypeScript
23 lines
780 B
TypeScript
import IllustrationIconMapRaw from '@assets/icons/illustration-map.svg?react';
|
|
import { useTheme } from '@emotion/react';
|
|
import { IllustrationIconWrapper } from '@ui/display/icon/components/IllustrationIconWrapper';
|
|
import { type IconComponentProps } from '@ui/display/icon/types/IconComponent';
|
|
|
|
type IllustrationIconMapProps = Pick<IconComponentProps, 'size'>;
|
|
|
|
export const IllustrationIconMap = (props: IllustrationIconMapProps) => {
|
|
const theme = useTheme();
|
|
const size = props.size ?? theme.icon.size.lg;
|
|
const { color, fill } = theme.IllustrationIcon;
|
|
return (
|
|
<IllustrationIconWrapper>
|
|
<IllustrationIconMapRaw
|
|
height={size}
|
|
width={size}
|
|
fill={fill.blue}
|
|
color={color.blue}
|
|
/>
|
|
</IllustrationIconWrapper>
|
|
);
|
|
};
|