Initial Commit

src/components/create-token-components/styles.ts

@@ -0,0 +1,57 @@
+/**
+ * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
+ */
+import * as styled from 'styled-components';
+
+import {theme} from 'components/shared/theme';
+import {RadioGroup} from 'components/buttons/radio-button/style';
+// import Input from 'components/forms/Input';
+
+const {spacing, colors} = theme;
+
+export const CreateTokenContainer = styled.default.div`
+  margin: 0.5rem 0 0;
+`;
+
+export const FormWell = styled.default.div`
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+`;
+
+export const RadioButtonContainer = styled.default.div`
+  display: flex;
+  flex-direction: column;
+  margin-top: ${spacing.small} 0;
+  label {
+    font-size: 14px;
+    color: ${colors.white};
+  }
+  ${RadioGroup}{
+    flex-direction: column;
+    .reason-input {
+      display: flex;
+      flex-grow: 1;
+    }
+  }
+`;
+
+export const InputGroup = styled.default.div`
+  margin: 0 1rem 1rem 0;
+  input {
+    width: 200px;
+    padding-left: ${spacing.small};
+  }
+  > label {
+    display: block;
+  }
+  select {
+    width: 200px;
+  }
+`;
+
+export const RowsWrapper = styled.default.div`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+`;