@chayns-components/date
Version:
A set of beautiful React components for developing your own applications with chayns.
34 lines • 866 B
JavaScript
import { motion } from 'motion/react';
import styled from 'styled-components';
export const StyledOpeningInput = styled(motion.div)`
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
`;
export const StyledOpeningInputWrapper = styled.div`
width: 60px;
`;
export const StyledOpeningInputText = styled.div`
opacity: ${({
$isDisabled
}) => $isDisabled ? 0.5 : 1};
`;
export const StyledOpeningInputButtonWrapper = styled.div`
width: 20px;
height: 20px;
background-color: ${({
theme
}) => theme['202']};
border-radius: 3px;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
`;
export const StyledOpeningInputPseudoButton = styled.div`
width: 20px;
`;
//# sourceMappingURL=OpeningInput.styles.js.map