@chayns-components/core/lib/esm/components/file-select/FileSelect.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 StyledFileSelect = styled.div``;
export const StyledFileSelectWrapper = styled.div`
    display: flex;

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

    ${_ref5 => {
  let {
    $isImageSelection
  } = _ref5;
  return $isImageSelection && css`
            border-left: none;
        `;
}}
`;
export const StyledFileSelectText = styled.p`
    color: ${_ref6 => {
  let {
    theme
  } = _ref6;
  return theme.text;
}};
`;
export const StyledMotionFileSelectList = styled(motion.div)``;
//# sourceMappingURL=FileSelect.styles.js.map