(window.webpackJsonp=window.webpackJsonp||[]).push([[63],{505:function(o,a,d){"use strict";d.r(a);var s=d(6),e=d.n(s),i=d(0),r=d(29),l=d.n(r),v=d(113),c=d.n(v),n=d(120),t=d(119),m=d(341),g=e()("td",{className:"text-muted"},void 0,"HEX:"),N=e()("td",{className:"text-muted"},void 0,"RGB:");class b extends i.Component{constructor(o){super(o),this.state={bgColor:"rgb(255, 255, 255)"}}componentDidMount(){var o=l.a.findDOMNode(this).parentNode.firstChild,a=window.getComputedStyle(o).getPropertyValue("background-color");this.setState({bgColor:a||this.state.bgColor})}render(){return e()("table",{className:"w-100"},void 0,e()("tbody",{},void 0,e()("tr",{},void 0,g,e()("td",{className:"font-weight-bold"},void 0,Object(m.rgbToHex)(this.state.bgColor))),e()("tr",{},void 0,N,e()("td",{className:"font-weight-bold"},void 0,this.state.bgColor))))}}var h=e()(b,{});class C extends i.Component{render(){var{className:o,children:a}=this.props,d=c()(o,"theme-color w-75 rounded mb-3");return e()(n.a,{xl:"2",md:"4",sm:"6",xs:"12",className:"mb-4"},void 0,e()("div",{className:d,style:{paddingTop:"75%"}}),a,h)}}var y=e()("div",{className:"animated fadeIn"},void 0,e()("div",{className:"card"},void 0,e()("div",{className:"card-header"},void 0,e()("i",{className:"icon-drop"})," Theme colors"),e()("div",{className:"card-body"},void 0,e()(t.a,{},void 0,e()(C,{className:"bg-primary"},void 0,e()("h6",{},void 0,"Brand Primary Color")),e()(C,{className:"bg-secondary"},void 0,e()("h6",{},void 0,"Brand Secondary Color")),e()(C,{className:"bg-success"},void 0,e()("h6",{},void 0,"Brand Success Color")),e()(C,{className:"bg-danger"},void 0,e()("h6",{},void 0,"Brand Danger Color")),e()(C,{className:"bg-warning"},void 0,e()("h6",{},void 0,"Brand Warning Color")),e()(C,{className:"bg-info"},void 0,e()("h6",{},void 0,"Brand Info Color")),e()(C,{className:"bg-light"},void 0,e()("h6",{},void 0,"Brand Light Color")),e()(C,{className:"bg-dark"},void 0,e()("h6",{},void 0,"Brand Dark Color"))))),e()("div",{className:"card"},void 0,e()("div",{className:"card-header"},void 0,e()("i",{className:"icon-drop"})," Grays"),e()("div",{className:"card-body"},void 0,e()(t.a,{className:"mb-3"},void 0,e()(C,{className:"bg-gray-100"},void 0,e()("h6",{},void 0,"Gray 100 Color")),e()(C,{className:"bg-gray-200"},void 0,e()("h6",{},void 0,"Gray 200 Color")),e()(C,{className:"bg-gray-300"},void 0,e()("h6",{},void 0,"Gray 300 Color")),e()(C,{className:"bg-gray-400"},void 0,e()("h6",{},void 0,"Gray 400 Color")),e()(C,{className:"bg-gray-500"},void 0,e()("h6",{},void 0,"Gray 500 Color")),e()(C,{className:"bg-gray-600"},void 0,e()("h6",{},void 0,"Gray 600 Color")),e()(C,{className:"bg-gray-700"},void 0,e()("h6",{},void 0,"Gray 700 Color")),e()(C,{className:"bg-gray-800"},void 0,e()("h6",{},void 0,"Gray 800 Color")),e()(C,{className:"bg-gray-900"},void 0,e()("h6",{},void 0,"Gray 900 Color"))))),e()("div",{className:"card"},void 0,e()("div",{className:"card-header"},void 0,e()("i",{className:"icon-drop"})," Additional colors"),e()("div",{className:"card-body"},void 0,e()(t.a,{},void 0,e()(C,{className:"bg-blue"},void 0,e()("h6",{},void 0,"Blue Color")),e()(C,{className:"bg-light-blue"},void 0,e()("h6",{},void 0,"Light Blue Color")),e()(C,{className:"bg-indigo"},void 0,e()("h6",{},void 0,"Indigo Color")),e()(C,{className:"bg-purple"},void 0,e()("h6",{},void 0,"Purple Color")),e()(C,{className:"bg-pink"},void 0,e()("h6",{},void 0,"Pink Color")),e()(C,{className:"bg-red"},void 0,e()("h6",{},void 0,"Red Color")),e()(C,{className:"bg-orange"},void 0,e()("h6",{},void 0,"Orange Color")),e()(C,{className:"bg-yellow"},void 0,e()("h6",{},void 0,"Yellow Color")),e()(C,{className:"bg-green"},void 0,e()("h6",{},void 0,"Green Color")),e()(C,{className:"bg-teal"},void 0,e()("h6",{},void 0,"Teal Color")),e()(C,{className:"bg-cyan"},void 0,e()("h6",{},void 0,"Cyan Color"))))));class p extends i.Component{render(){return y}}a.default=p}}]);
//# sourceMappingURL=63.js.map