fui-fancyui
Version:
FancyUI Libary
21 lines (20 loc) • 761 B
JavaScript
import { styled as r } from "styled-components";
import { getBackgroundColor as t } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const a = r.div`
width: 100%;
height: 4px;
background-color: ${({ theme: o, $themeType: e = "secondary", $layer: i = 4 }) => t({ theme: o, $themeType: e, $layer: i })};
border-radius: 10px;
overflow: hidden;
position: relative;
`, c = r.div`
height: 100%;
width: ${({ width: o }) => o}%;
background-color: ${({ theme: o }) => o.color.accent[0]};
border-radius: ${({ theme: o }) => o.borderRadius.complete} 0 0 ${({ theme: o }) => o.borderRadius.complete};
transition: width 0.2s ease-out;
`;
export {
a as ProgressBarContainer,
c as ProgressBarFill
};