@bothub-chat/ui/dist/components/image/styled.js

Bothub UI Components

import{styled as t,css as e}from"styled-components";import{Skeleton as i}from"../skeleton/index.js";const n=t.img.withConfig({displayName:"styled__ImageImg",componentId:"sc-1jnntvp-0"})([""," "," ",""],(({$hidden:t})=>t&&e`
      display: none !important;
    `),(({width:t})=>void 0===t?e``:"number"==typeof t?e`
        width: ${t}px;
      `:e`
      width: ${t};
    `),(({height:t})=>void 0===t?e``:"number"==typeof t?e`
        height: ${t}px;
      `:e`
      height: ${t};
    `)),o=t.picture.withConfig({displayName:"styled__ImagePicture",componentId:"sc-1jnntvp-1"})(["",""],(({$hidden:t})=>t&&e`
      display: none;
    `)),d=t.source.withConfig({displayName:"styled__ImageSource",componentId:"sc-1jnntvp-2"})([""]),p=t(i).withConfig({displayName:"styled__ImageSkeleton",componentId:"sc-1jnntvp-3"})(["width:","px !important;height:","px !important;border-radius:0px;"],(({$width:t})=>t),(({$height:t})=>t));export{n as ImageImg,o as ImagePicture,p as ImageSkeleton,d as ImageSource};