30 lines
922 B
TypeScript
30 lines
922 B
TypeScript
import { memo } from 'react';
|
|
import type { FC, ReactNode } from 'react';
|
|
|
|
import resets from '../../_resets.module.css';
|
|
import classes from './DownOne1.module.css';
|
|
import { VectorIcon } from './VectorIcon.js';
|
|
import { VectorStrokeIcon } from './VectorStrokeIcon.js';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
classes?: {
|
|
root?: string;
|
|
};
|
|
swap?: {
|
|
vector?: ReactNode;
|
|
vectorStroke?: ReactNode;
|
|
};
|
|
}
|
|
/* @figmaId 5403:2777 */
|
|
export const DownOne1: FC<Props> = memo(function DownOne1(props = {}) {
|
|
return (
|
|
<div className={`${resets.storybrainResets} ${props.classes?.root || ''} ${props.className || ''} ${classes.root}`}>
|
|
<div className={classes.vector}>{props.swap?.vector || <VectorIcon className={classes.icon} />}</div>
|
|
<div className={classes.vectorStroke}>
|
|
{props.swap?.vectorStroke || <VectorStrokeIcon className={classes.icon2} />}
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|