@crossed/ui/lib/module/forms/Switch/styles.js

A universal & performant styling library for React Native, Next.js & React

import { createStyles } from "@crossed/styled";
const styles = createStyles(({ colors, components: { Switch } }) => ({
  track: {
    base: {
      alignItems: "flex-start",
      width: 48,
      height: 24,
      padding: 3,
      borderRadius: 50
    },
    web: { base: { transition: "all 0.3s ease" } }
  },
  toggleOff: { base: { backgroundColor: Switch.off.background } },
  toggleOn: { base: { backgroundColor: Switch.on.background } },
  thumb: {
    base: {
      height: "100%",
      aspectRatio: 1,
      backgroundColor: colors.background.secondary,
      borderRadius: 50
    }
  },
  disabledOff: { base: { opacity: 0.5 } },
  disabledOn: { base: { opacity: 0.3 } }
}));
export {
  styles
};
//# sourceMappingURL=styles.js.map