diff --git a/src/icons/CatalogIcon/CatalogIcon.tsx b/src/icons/CatalogIcon/CatalogIcon.tsx new file mode 100644 index 00000000..6129d27a --- /dev/null +++ b/src/icons/CatalogIcon/CatalogIcon.tsx @@ -0,0 +1,65 @@ +import { FC } from 'react'; +import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants'; +import { CARIBBEAN_GREEN, DARK_SLATE_GRAY, KEPPEL, WHITE, useTheme } from '../../theme'; +import { IconProps } from '../types'; + +type CatalogIconProps = { + primaryFill?: string; + secondaryFill?: string; + tertiaryFill?: string; +} & IconProps; + +export const CatalogIcon: FC = ({ + width = DEFAULT_WIDTH, + height = DEFAULT_HEIGHT, + primaryFill, + secondaryFill, + tertiaryFill = WHITE, + style = {}, + ...props +}) => { + const theme = useTheme(); + const themeMode = theme?.palette?.mode ?? 'light'; + + const themePrimaryFill = primaryFill ?? (themeMode === 'dark' ? KEPPEL : DARK_SLATE_GRAY); + const themeSecondaryFill = secondaryFill ?? (themeMode === 'dark' ? CARIBBEAN_GREEN : KEPPEL); + + return ( + + + + + + + + ); +}; + +export default CatalogIcon; diff --git a/src/icons/CatalogIcon/index.ts b/src/icons/CatalogIcon/index.ts new file mode 100644 index 00000000..95db9801 --- /dev/null +++ b/src/icons/CatalogIcon/index.ts @@ -0,0 +1 @@ +export { default as CatalogIcon } from './CatalogIcon'; diff --git a/src/icons/index.ts b/src/icons/index.ts index 7543da19..9ac694d7 100644 --- a/src/icons/index.ts +++ b/src/icons/index.ts @@ -3,6 +3,7 @@ export * from './AddCircle'; export * from './Application'; export * from './Bell'; export * from './Bus'; +export * from './CatalogIcon'; export * from './Chevron'; export * from './Circle'; export * from './Clone';