import { css } from "lit";

export type Shadow = "" | "none" | "sm" | "md" | "lg" | null;

export const shadowable = css`
  /*OMBRE*/
  :host([shadow]) .shadowable,
  :host([shadow="md"]) .shadowable,
  :host([shadow="true"]) .shadowable {
    box-shadow: var(--sc-shadow);
  }

  :host([shadow="sm"]) .shadowable {
    box-shadow: var(--sc-shadow-sm);
  }

  :host([shadow="lg"]) .shadowable {
    box-shadow: var(--sc-shadow-lg);
  }

  :host([shadow="none"]) .shadowable {
    box-shadow: none;
  }
`;