carbon-react/lib/components/link-preview/__internal__/placeholder.component.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("react");var r=o(require("styled-components"));const t=r.default.div.withConfig({displayName:"placeholder.component__StyledPlaceHolder",componentId:"sc-9e7fe579-0"})(["overflow:hidden;position:relative;height:152px;min-width:152px;background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-top-left-radius:var(--borderRadius100);"]),l=r.default.div.withConfig({displayName:"placeholder.component__Circle",componentId:"sc-9e7fe579-1"})(["height:22px;width:22px;border-radius:50%;background-color:var(--colorsUtilityMajor100);position:absolute;left:22px;top:30px;"]),i=r.default.div.withConfig({displayName:"placeholder.component__Square",componentId:"sc-9e7fe579-2"})(["height:200px;width:200px;transform:rotate(45deg);background-color:",";position:absolute;border-radius:2%;top:",";left:",";"],(({color:e})=>e),(({top:e})=>e),(({left:e})=>e));exports.StyledPlaceHolder=t,exports.default=()=>e.jsxs(t,{"data-component":"link preview image placeholder","data-role":"link preview image placeholder",children:[e.jsx(l,{}),e.jsx(i,{color:"var(--colorsUtilityMajor050)",top:"120px",left:"-64px"}),e.jsx(i,{color:"var(--colorsUtilityMajor150)",top:"96px",left:"16px"})]});