nezumi/react-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/react-training.git synced 2026-09-22 20:01:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add common component and helpers

Browse Source
This commit is contained in:
nezumi
2023-10-26 16:49:16 +07:00
parent f9f5990a4a
commit bd407bb933
10 changed files with 140 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hotel-management/src/commons/styles/Button.ts
+25 -5
View File
@@ -1,15 +1,35 @@
import styled from 'styled-components';
import styled, { css } from 'styled-components';
const Button = styled.button`
interface IButtonStyle {
styled?: 'primary' | 'secondary';
}
const Button = styled.button<IButtonStyle>`
padding: 10px 20px;
background-color: var(--primary-color);
color: var(--light-text);
text-transform: uppercase;
font-weight: 500;
font-weight: 600;
cursor: pointer;
border-radius: var(--radius-md);
${(props) =>
props.styled === 'primary' &&
css`
background-color: var(--primary-color);
color: var(--light-text);
`}
${(props) =>
props.styled === 'secondary' &&
css`
background-color: var(--secondary-btn-color);
`}
`;
Button.defaultProps = {
styled: 'primary',
};
export default Button;