@chayns-components/date
Version:
A set of beautiful React components for developing your own applications with chayns.
41 lines (40 loc) • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledOpeningInputWrapper = exports.StyledOpeningInputText = exports.StyledOpeningInputPseudoButton = exports.StyledOpeningInputButtonWrapper = exports.StyledOpeningInput = void 0;
var _react = require("motion/react");
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledOpeningInput = exports.StyledOpeningInput = (0, _styledComponents.default)(_react.motion.div)`
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
`;
const StyledOpeningInputWrapper = exports.StyledOpeningInputWrapper = _styledComponents.default.div`
width: 60px;
`;
const StyledOpeningInputText = exports.StyledOpeningInputText = _styledComponents.default.div`
opacity: ${({
$isDisabled
}) => $isDisabled ? 0.5 : 1};
`;
const StyledOpeningInputButtonWrapper = exports.StyledOpeningInputButtonWrapper = _styledComponents.default.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;
`;
const StyledOpeningInputPseudoButton = exports.StyledOpeningInputPseudoButton = _styledComponents.default.div`
width: 20px;
`;
//# sourceMappingURL=OpeningInput.styles.js.map