@chayns-components/core/lib/esm/components/file-input/FileInput.styles.js

A set of beautiful React components for developing your own applications with chayns.

import { motion } from 'motion/react';
import styled, { css } from 'styled-components';
export const StyledFileInput = styled.div``;
export const StyledFileInputWrapper = styled.div`
    display: flex;

    cursor: ${({
  $isDisabled
}) => $isDisabled ? 'default' : 'pointer'};
    opacity: ${({
  $isDisabled
}) => $isDisabled ? 0.5 : 1};
`;
export const StyledUploadedFilesList = styled.div`
    ${({
  $shouldShowBorder,
  theme
}) => $shouldShowBorder && css`
            border-top: 1px solid ${theme.headline};
        `}
`;
export const StyledFileInputContainer = styled.div`
    border: ${({
  theme
}) => theme.text} 1px dotted;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 15px;
    justify-content: center;
    width: 100%;

    ${({
  $isImageSelection
}) => $isImageSelection && css`
            border-left: none;
        `}
`;
export const StyledFileInputText = styled.p`
    color: ${({
  theme
}) => theme.text};
`;
export const StyledMotionFileInputList = styled(motion.div)``;
//# sourceMappingURL=FileInput.styles.js.map