Skip to content

Commit

Permalink
#2 Add Wallet modal open button component
Browse files Browse the repository at this point in the history
  • Loading branch information
kimjimin4471 committed Jul 3, 2022
1 parent 34605ab commit 39cf93f
Showing 1 changed file with 24 additions and 0 deletions.
24 changes: 24 additions & 0 deletions views/wallet/ModalOpenButton.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import styled from "@emotion/styled";
import React, { FC } from "react";

interface ModalButtonType {
title: string;
margin: string;
}

const ModalOpenButton: FC<ModalButtonType> = ({ title, margin }) => (
<Container margin={margin}>{title}</Container>
);

export default ModalOpenButton;

const Container = styled.button<{ margin: string }>`
border: 1px solid #fff;
border-radius: 4px;
outline: none;
background-color: ${({ theme }) => theme.colors.primary.default};
color: ${({ theme }) => theme.colors.grayscale.scale10};
font: ${({ theme }) => theme.fonts.description1};
padding: 4px 8px;
margin: ${({ margin }) => margin};
`;

0 comments on commit 39cf93f

Please sign in to comment.