fui-fancyui/dist/src/components/molecules/FancyProgressBar/FancyProgressBar.style.js

FancyUI Libary

import { css as l, styled as e } from "styled-components";
const t = e.div`
  width: 100%;
  display: flex;
  gap: ${({ theme: o }) => o.spacing.xxs};
  flex-direction: column;

  /* if the value is full set the color to accent color */
  ${({ $value: o, theme: c }) => o === 100 && l`
      & label {
        color: ${c.color.accent[0]};
      }

      & span {
        color: ${c.color.accent[0]};
      }
    `}
`;
export {
  t as Wrapper
};