@activecollab/components/dist/esm/components/Media/Styles.js

ActiveCollab Components

import styled, { css } from "styled-components";
import { SPACE } from "../LayoutTokens";
export const StyledMedia = styled.div.withConfig({
  displayName: "Styles__StyledMedia",
  componentId: "sc-zjz7mh-0"
})(["display:flex;flex-direction:column;gap:", ";width:100%;.c-media-frame{", "}.c-media-frame img{display:block;width:100%;height:auto;}"], SPACE.sm, _ref => {
  let $bordered = _ref.$bordered;
  return $bordered && css(["overflow:hidden;border:1px solid var(--border-primary);border-radius:", ";"], "0.5rem");
});
StyledMedia.displayName = "StyledMedia";
//# sourceMappingURL=Styles.js.map