@cgi-learning-hub/ui/dist/components/ActionBar/style.es.js

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

import n from "../Button/Button.es.js";
import { s as o } from "../../DefaultPropsProvider-BrmlvPWg.js";
import { S as a } from "../../Stack-pMJEpL7k.js";
const s = o(a, {
  name: "MuiActionBar",
  slot: "Root"
})(({ theme: t }) => ({
  position: "fixed",
  bottom: 0,
  right: 0,
  left: 0,
  zIndex: "100",
  padding: "1rem",
  gap: "1rem",
  backgroundColor: t.palette.primary.main
})), p = o(a, {
  name: "MuiActionBar",
  slot: "LeftActionsContainer"
})({}), c = o(a, {
  name: "MuiActionBar",
  slot: "RightActionsContainer"
})({}), l = o(n, {
  name: "MuiActionBar",
  slot: "LeftActions"
})(({ theme: t }) => ({
  color: t.palette.common.white,
  transition: "all 0.2s ease-in-out",
  borderRadius: "4px",
  padding: "8px 16px",
  "&:hover": {
    backgroundColor: t.palette.primary.dark,
    transform: "translateY(-1px)"
  },
  "&:active": {
    transform: "translateY(0)",
    boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
  }
})), m = o(n, {
  name: "MuiActionBar",
  slot: "RightActions"
})(({ theme: t }) => ({
  color: t.palette.common.white,
  transition: "all 0.2s ease-in-out",
  borderRadius: "4px",
  padding: "8px 16px",
  "&:hover": {
    backgroundColor: t.palette.primary.dark,
    transform: "translateY(-1px)"
  },
  "&:active": {
    transform: "translateY(0)",
    boxShadow: "0 2px 4px rgba(0, 0, 0, 0.1)"
  }
}));
export {
  l as LeftAction,
  p as LeftActionsContainer,
  m as RightAction,
  c as RightActionsContainer,
  s as Root
};