refactor: move component into a single package (#898)

packages/component/src/ui/confirm/styles.ts

@@ -0,0 +1,46 @@
+import { displayFlex, styled } from '../../styles';
+import { ModalWrapper } from '../modal';
+
+export const StyledModalWrapper = styled(ModalWrapper)(() => {
+  return {
+    minWidth: '460px',
+    maxWidth: '560px',
+    maxHeight: '292px',
+    padding: '44px 84px 32px 84px',
+  };
+});
+
+export const StyledConfirmTitle = styled.div(({ theme }) => {
+  return {
+    fontSize: theme.font.h6,
+    fontWeight: 600,
+    textAlign: 'center',
+    color: theme.colors.popoverColor,
+    lineHeight: '28px',
+  };
+});
+
+export const StyledConfirmContent = styled.div(({ theme }) => {
+  return {
+    fontSize: theme.font.base,
+    textAlign: 'center',
+    marginTop: '12px',
+    color: theme.colors.textColor,
+    lineHeight: '26px',
+  };
+});
+
+export const StyledColumnButtonWrapper = styled.div(() => {
+  return {
+    ...displayFlex('center', 'center'),
+    flexDirection: 'column',
+    marginTop: '32px',
+  };
+});
+export const StyledRowButtonWrapper = styled.div(() => {
+  return {
+    ...displayFlex('center', 'center'),
+    flexDirection: 'row',
+    marginTop: '32px',
+  };
+});