#feature: add Steps molecule

Author: Kenneth

src/molecules/Steps/Steps.tsx

@@ -0,0 +1,6 @@
+import { StepsStyles } from './styles';
+import { RdStepsComponent } from './types';
+
+export const Steps: RdStepsComponent = props => {
+    return <StepsStyles {...props} />;
+};

src/molecules/Steps/index.tsx

@@ -0,0 +1,2 @@
+export * from './Steps';
+export * from './types';

src/molecules/Steps/styles.tsx

@@ -0,0 +1,4 @@
+import styled from '@emotion/styled';
+import { Steps } from 'antd';
+
+export const StepsStyles = styled(Steps)``;

src/molecules/Steps/types.ts

@@ -0,0 +1,25 @@
+import { GetProps, Steps } from 'antd';
+import { ComponentToken as StepsComponentTokenAntd } from 'antd/es/collapse/style';
+
+//#region Define Ant Design types
+type StepsPropsAntd = GetProps<typeof Steps>;
+
+//#endregion
+
+//#region Define extended component tokens
+type StepsComponentTokenExtend = {};
+//#endregion
+
+//#region Define extended types
+type StepsPropsExtend = {};
+//#endregion
+
+//#region Export types
+export type RdStepsProps = StepsPropsAntd & StepsPropsExtend;
+
+export type RdStepsComponentToken = StepsComponentTokenAntd & StepsComponentTokenExtend;
+//#endregion
+
+//#region Define component types
+export type RdStepsComponent = React.FC<RdStepsProps>;
+//#endregion