@braineet/ui
Version:
Braineet design system
21 lines • 1.04 kB
JavaScript
import { animated } from 'react-spring';
import styled from 'styled-components';
import Pane from '../../pane';
export var UploadListContainer = styled(Pane).withConfig({
displayName: "styles__UploadListContainer",
componentId: "sc-s283m2-0"
})(["padding:0.5rem 0;position:relative;"]);
export var FeedbackIconWrapper = styled(animated.div).withConfig({
displayName: "styles__FeedbackIconWrapper",
componentId: "sc-s283m2-1"
})(["display:flex;align-items:center;justify-content:center;width:32px;height:32px;"]);
export var UploadItemProgressBar = styled.div.withConfig({
displayName: "styles__UploadItemProgressBar",
componentId: "sc-s283m2-2"
})(["position:absolute;bottom:4px;left:36px;height:3px;border-radius:50px;width:90%;background:", ";&:before{content:'';position:absolute;bottom:0px;left:0px;height:3px;border-radius:50px;width:", "%;background:", ";transition:width 0.3s;}"], function (p) {
return p.theme.colors.black10;
}, function (p) {
return p.progress;
}, function (p) {
return p.theme.colors.pending;
});