inesa/src/components/Yidian/Frame876_Property1Variant2/Frame876_Property1Variant2.tsx

50 lines
1.3 KiB
TypeScript

import { memo } from "react";
import type { FC, ReactNode } from "react";
import resets from "../../_resets.module.css";
import classes from "./Frame876_Property1Variant2.module.css";
interface Props {
className?: string;
classes?: {
root?: string;
rectangle678?: string;
};
text?: {
unnamed?: ReactNode;
_100?: ReactNode;
};
}
/* @figmaId 5637:9228 */
export const Frame876_Property1Variant2: FC<Props> = memo(
function Frame876_Property1Variant2(props = {}) {
return (
<div
className={`${resets.storybrainResets} ${props.classes?.root || ""} ${
props.className || ""
} ${classes.root}`}
>
<div className={classes.frame427319551}>
{props.text?.unnamed != null ? (
props.text?.unnamed
) : (
<div className={classes.unnamed}></div>
)}
<div className={classes.frame948}>
{props.text?._100 != null ? (
props.text?._100
) : (
<div className={classes._100}>100</div>
)}
</div>
</div>
<div
className={`${props.classes?.rectangle678 || ""} ${
classes.rectangle678
}`}
></div>
</div>
);
}
);