Skip to content

Commit

Permalink
Merge pull request #29 from KUIT-Space/feat#28-bottombtn
Browse files Browse the repository at this point in the history
Create BottonBtn.tsx
  • Loading branch information
YangJJune authored Jul 19, 2024
2 parents ffce5c6 + f471b75 commit 491e308
Showing 1 changed file with 20 additions and 0 deletions.
20 changes: 20 additions & 0 deletions src/components/BottonBtn.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
import styled from "styled-components";
import React from "react";

export const BottomBtn = styled.button`
margin: auto 20px 0px 20px;
padding: 14px;
border: none;
border-radius: 12px;
text-align: center;
font-family: Freesentation;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: 0.36px;
background: ${(props) => (props.disabled ? "var(--Foundation-Gray-gray600, #45454B);" : "var(--Foundation-Main-color-Normal, #48FFBD)")};
color: ${(props) => (props.disabled ? "var(--Foundation-Gray-gray400, var(--GRAY-400, #ACACB5));" : "var(--Foundation-Gray-gray900_background, #171719)")};
`;

0 comments on commit 491e308

Please sign in to comment.