import styled from '@emotion/styled';
import { css, useTheme } from '@emotion/react';
export const ShaderFormStyled = styled.div `
  text-align: center;
`;
export const PanelCSS = (noSchema) => {
    const theme = useTheme();
    return css `
    ${noSchema &&
        css `
      box-shadow: 0 0 0 2px ${theme.colorError};
      background-color: ${theme.colorErrorBg};
    `}

    margin-top: 10px;
    margin-bottom: 5px;
  `;
};
