Clapy PR - 2022-08-26 - 11:50:49

src/components/Rectangle51/Rectangle51.module.css

@@ -0,0 +1,6 @@
+.root {
+  width: 81px;
+  height: 41px;
+  background-color: #198754;
+  display: block;
+}

src/components/Rectangle51/Rectangle51.tsx

@@ -0,0 +1,13 @@
+import { memo } from 'react';
+import type { FC } from 'react';
+
+import resets from '../_resets.module.css';
+import classes from './Rectangle51.module.css';
+
+interface Props {
+  className?: string;
+}
+/* @figmaId 5268:270 */
+export const Rectangle51: FC<Props> = memo(function Rectangle51(props = {}) {
+  return <div className={`${resets.clapyResets} ${classes.root}`}></div>;
+});

src/components/_resets.module.css

@@ -0,0 +1,32 @@
+.clapyResets,
+.clapyResets * {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  text-decoration: none;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.clapyResets,
+.clapyResets :not(span, a, ul, ol, li, p) {
+  display: flex;
+}
+
+.clapyResets ul,
+.clapyResets ol {
+  text-indent: 0;
+  padding-inline-start: 1.5em;
+}
+
+.clapyResets p:empty::before {
+  content: '';
+  display: inline-block;
+}
+
+.clapyResets img {
+  object-fit: contain;
+}