Merge pull request #57 from prgrms-web-devcourse-final-project/15-fea…

…ture/common-components

[Feature] #15 CloseButton, PrevButton

src/components/Button/CloseButton/index.tsx

@@ -0,0 +1,7 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type CloseButtonProps = IconBaseProps
+export default function CloseButton({ ...rest }: CloseButtonProps) {
+  return <S.CloseButton cursor='pointer' {...rest} />
+}

src/components/Button/CloseButton/styles.ts

@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { MdClose } from 'react-icons/md'
+
+export const CloseButton = styled(MdClose)`
+  position: absolute;
+  width: 28px;
+  height: 28px;
+  top: 12px;
+  right: 20px;
+`

src/components/Button/PrevButton/index.tsx

@@ -0,0 +1,12 @@
+import { IconBaseProps } from 'react-icons'
+import * as S from './styles'
+
+type PrevButtonProps = IconBaseProps
+
+export default function PrevButton({ ...rest }: PrevButtonProps) {
+  return (
+    <S.PrevButton cursor='pointer' {...rest}>
+      PrevButton
+    </S.PrevButton>
+  )
+}

src/components/Button/PrevButton/styles.ts

@@ -0,0 +1,10 @@
+import { styled } from 'styled-components'
+import { GrPrevious } from 'react-icons/gr'
+
+export const PrevButton = styled(GrPrevious)`
+  position: absolute;
+  left: 20px;
+  top: 14px;
+  width: 28px;
+  height: 28px;
+`