build: output files to dir

src/components/content-wrapper/index.less

@@ -0,0 +1,17 @@
+.content-wrapper {
+  .content {
+    padding-block-start: 0;
+    padding-block-end: 32px;
+    padding-inline: 40px;
+  }
+
+  .title {
+    font-size: var(--font-size-large);
+    font-weight: 600;
+    line-height: 32px;
+    padding-block-start: 8px;
+    padding-block-end: 16px;
+    padding-inline-start: 40px;
+    padding-inline-end: 40px;
+  }
+}

src/components/content-wrapper/index.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import './index.less';
+
+const ContentWrapper: React.FC<{
+  children: React.ReactNode;
+  title: React.ReactNode;
+  titleStyle?: React.CSSProperties;
+  contentStyle?: React.CSSProperties;
+}> = ({ children, title = false, titleStyle, contentStyle }) => {
+  return (
+    <div className="content-wrapper">
+      {title && (
+        <div className="title" style={{ ...titleStyle }}>
+          {title}
+        </div>
+      )}
+      <div className="content" style={{ ...contentStyle }}>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default ContentWrapper;